Vue路由跳转并传值方式三种

1.

 <router-link :to="{name:'XXX',query:{page:1,code:100}}"></router-link>

 

 

 

 2.明文传参   URl路径会显示传递的参数

　　　　优劣：页面刷新参数不会丢失，劣处：参数公开

this.$router.push({

        name: 'EditDetail',

        query: {

          page: 1,

          code: 100

        }

      })

接受：

 var data = this.$route.query.page

 var data = this.$route.query.code

 

 3.密文传参   参数不显示，，页面刷新参数会消失

 

 

接受：

 

4.冒号的形式传递