Vue_动态路由两种方法

Vue_动态路由的配置以及使用

配置动态路由

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

在跳转页面放值

<router-link:to="'/user/'+key"><router-link>

在对应页面获取,一般写在生命周期函数中

console.log(this.$route.params);

第二种get传值

配置路由

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

在跳转页面放值

<router-link:to="'/user?aid='+key"><router-link>

在对应页面获取,一般写在生命周期函数中

console.log(this.$route.query);