vue使用vue-router获取链接中传入参数
vue使用vue-router管理路由,跳转时传递参数
·
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}`
})
更多推荐
已为社区贡献6条内容
所有评论(0)