VUE 动态三级路由界面不显示

2024年3月3日 127次阅读 来源: wang_nai_jun

原因：三级（四级、五级、…）路由的父路由（父菜单、中间菜单、无实际打开页面的虚拟节点、非叶子节点）component缺项（null，未设置）导致。

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

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

各级父路由的component配置为SubView

即可。

如动态路由加载：

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

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

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

    原文作者：wang_nai_jun
    原文地址: https://blog.csdn.net/wang_nai_jun/article/details/120129462
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞