vue两个id的路由跳转问题

图片描述
1.如果页面上只有单个路由是可以实现跳转的,但是两个子路由而且是根据id进行跳转的就只能实现一个
2.页面上面虽然有两个子路由,但是只能跳转一个,而且是靠上面的那一个。
3.怎么实现同时传入两个id同时可以正常跳转?

阅读 5.1k
1 个回答

路由进行匹配跳转的时候是只要上面满足条件就进行跳转,下面的就不进行了,这也就是为啥你这个跳转的时候就往第一个跳转,不执行下面那个是一样的,解决的办法你可以试试使用命名路由进行跳转,例如:

{
    path: '/rd',
    component: Rd,
    children: [
        {
            path: ':id',
            component: Rdsinger,
            name: 'rds'  //这里给这个路由模板起个名字
        },
        {
            path: ':chatid',
            component: Iconsinger,
            name: 'ics'  //这里也命名一个不同的名字
        }
    ]
}

在页面中使用的时候就用:this.$router.push({name: '这里是路由里面命名的名字', params:{这里写携带的参数}}) 这里的具体写法你可以参照官方文档的介绍,给你个链接,相信你会看懂的 https://router.vuejs.org/zh-c...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题