1. 程式人生 > >vue路由傳值

vue路由傳值

(1)不同路由傳值:動態路由

1.動態路由配置:

routes: [{
  path: '/user:id',
  component:user
 }
]

2.當傳值的時候可以在<router-link :to="'./user'+引數"></router-link>(舉例:引數可是迴圈處理的索引值)

3.在對應的頁面獲取路由的引數

this.$route.params獲取動態路由的值。

(2)get 傳值

1.路由配置:

routes: [{ path: '/user', component:user } ]

2.當傳值的時候可以在<router-link :to="'./user?id='+引數"></router-link>(舉例:引數可是迴圈處理的索引值)

3.在user元件內可以使用this.$route.query