原因:三级(四级、五级、...)路由的父路由(父菜单、中间菜单、无实际打开页面的虚拟节点、非叶子节点)component缺项(null,未设置)导致。

解决:views下(放在这里引用路径简单)新建一个通用(可以到处使用)的vue文件,命名如SubView.vue,内容如下:

<template>
    <router-view></router-view>
</template>

各级父路由的component配置为SubView

即可。

如动态路由加载:

component = () => import(`@/views/SubView`)

感谢 (15条消息) 关于Vue-router子路由不显示的一个坑_yixiaotian1993的博客-CSDN博客_vue 子路由内容不显示

------------谢绝任何形式的转载------------

Logo

前往低代码交流专区

更多推荐