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

猜你喜欢

转载自blog.csdn.net/weixin_42554311/article/details/82851369