Query参数取值
http://www.csdn/index?id=10&age=123
取值
this.$route.query.id//获取id值 this.$route.query.age//获取age值
传值
<router-link :to="{path:'/index',query:{ id:10,age:123 }}"></router-link>
携带参数跳转到指定路由
this.$router.push('/login') //直接跳转 this.$router.push({path:'/user',query:{ id:123,age:100} }) //携带参数跳转
路径参数取值
提前配置路由占位符
export default new VueRouter({ //暴露出去使用 routes: [ { name:'user', path: '/user/:id/:age', component: User, } ] })
赋值
必须是name 不可以是path，或者可以使用字符串拼接
<router-link :to="{name:'user',params:{ id:123,age:666 }} ">跳转用户</router-link>
取值
$route.params.id $route.params.age
