您的位置:首页 > 产品设计 > UI/UE

vue使用vue-router获取链接中传入参数

2017-12-14 21:58 627 查看
vue使用vue-router管理路由时,为了实现方便获取路由中传入参数,可以使用如下方法:

export default new Router({
routes:[
{
path: '/singer',
component: Singer,
children: [
{
path: ':id',
component: SingerDetail
}
]
}
]
})


其中SingerDetail为Singer的子页面,针对不同的子页面传入id参数,path中使用冒号代表变量的意思。

跳转时可使用如下方法:

this.$router.push({
path: `/singer/${singer.id}`
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: