vue vant 跳转到有tab或tabbar页面时出现传递值为undefined

玩猪猪

于 2022-03-03 08:20:28 发布

阅读量1k

点赞数

分类专栏： vue 文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/weixin_44190736/article/details/123244702

版权

vue 专栏收录该内容

10 篇文章

订阅专栏

在Vue项目中，当尝试从一个页面跳转到带有Tab的页面，并设置Tab激活为第4页时，发现传递的active值变为undefined。问题出在router的config.js配置上，目标页面的name属性未定义，导致值无法正确传递。解决方案是为相应路由添加name属性，从而实现正确的页面跳转和Tab激活。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在vue项目里写要跳转到一个有tab的页面并使tab页转到第4页时，传递的active值为undefined，导致无法跳转到第四页tab。
跳转方法为

this.$router.push({
        // path: '/singleEngine/engineInfo',
        name: 'engineInfo',
        params: {
          active: 3,
          engineCode:item.engineCode
        }
      })

最后发现是router的config.js中的路由配置，需要跳转到的页面的name没写

{
          path:'engineInfo',
          meta:{title: '单机信息'},
          component:()=>import('@/views/singleEngine/engineInfo')
        }

最后加上了name就可以了

{
          path:'engineInfo',
          name:'engineInfo',
          meta:{title: '单机信息'},
          component:()=>import('@/views/singleEngine/engineInfo')
        }