VUE嵌套路由跳转空页面

路由配置

{
        path: '/test',
        name: 'test',
        meta:{icon:"el-icon-menu"},
        component: function () {
            return import('@/views/test/test.vue')
        },
        children:[
            {
                path: 'formTest',
                name: 'formTest',
                component: function () {
                    return import('@/views/test/formTest.vue')
                }
            },
            {
                path: 'codeTest',
                name: 'codeTest',
                component: function () {
                  return import('@/views/test/codeTest.vue')
                }
            }
        ]
    }

跳转语句

console.log(item.name)
this.$router.push({ name: item.name });

控制台输出和URL改变了,“123”是父页面test.vue
1585297939972.jpg

阅读 4.2k
3 个回答

test.vue里面放router-view没

你不会没放router-view吧

codeTest.vue的代码呢

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