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

前往低代码交流专区

更多推荐