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.冒號的形式傳遞