Open NPLUSWEB opened 6 years ago
vue-router参数有两种“路由参数”和“url查询参数”
{ path: '/user/:userId/:userName', name: 'user', component: user }
<router-link :to="{name:'user',params: {userId:1,uerName:’admin’}}"> //标签使用方式
router.push({name:'personalCenter',params: {userId:user.id}) //js使用方式
/user/1/admin
this.$route.params.userId
{ path: '/user', name: 'user', component: user }
<router-link :to="{name:'user',query: {userId:1,uerName:’admin’}}"> //标签使用方式
router.push({name:'personalCenter',query: {userId:user.id}) //js使用方式
/user?userId=1&uerName=admin
this.$route.query.userId
vue-router参数传递
vue-router参数有两种“路由参数”和“url查询参数”
路由参数
配置:
使用:
链接显示:
/user/1/admin
获取参数值:
url查询参数
配置:
使用:
链接显示:
/user?userId=1&uerName=admin
获取参数值: