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

来源:互联网 发布:移动4g网络怎么设置dns 编辑:程序博客网 时间:2024/05/21 07:49

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