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}`
})