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

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

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

各级父路由的component配置为SubView

即可。

如动态路由加载：

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

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

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

VUE 动态三级路由界面不显示相关推荐

vue 动态修改路由参数
转载自 vue 动态修改路由参数 import merge from 'webpack-merge':修改原有参数 this.$router.push({query:merge(this.$rout ...
vue动态添加路由之避坑指南
你是否遇到了: addRouter后出现白屏路由守卫出现死循环踩了很多坑之后,我终于悟到了vue动态添加路由的正确打开方式: 为了设计权限,在前端我们通常采取两种方式 1.在用户登录时获取该用户权 ...
vue三级路由router-view不显示问题，路由嵌套不显示
出问题的代码: {path: '/',name: 'Home',component: Home,children: [{path: 'welcome',name: 'welcome',meta: {n ...
vue 动态显示三级路由
无需 vuex.本地存储实现动态显示三级路由. 目录一.需求描述: 二.代码 2.1 路由配置 1. 我的一级菜单和二级菜单的路由配置的: 2. 三级菜单的路由配置: 3. 上面有几个变量和要注意的 ...
Vue动态权限路由addRoutes执行初次白屏解决方法。
需求: 当用户登录,或者已经登录状态下刷新和重进web端,除了普通的路由配置(login.UserInfo.home.404等),还需要用户的权限路由,需要根据用户信息拿到当前用户的权限路由,动态添加 ...
vue 动态添加路由
为什么80%的码农都做不了架构师?>>> 最近在研究权限的相关东西,自然动态加载路由信息少不了.接下来我就来专门记录下我研究的东西. 1.首先后端代码返回一个对象,用java写 ...
Vue动态权限路由addRoutes执行初次白屏解决方法
需求: 当用户登录,或者已经登录状态下刷新和重进web端,除了普通的路由配置(login.UserInfo.home.404等),还需要用户的权限路由,需要根据用户信息拿到当前用户的权限路由,动态添加 ...
vue动态设置路由重定向
需求为:项目分为业务系统和后台管理系统,重定向路由'/' 在业务系统显示为homepage,在后台管理系统首页显示为 dashboard: 实现在router.js: import Vue fro ...
Vue动态设置路由title
{ path: '/videoCover', component: () => import ('./view/videoCover.vue'), meta: {title: ''}, }, 需 ...
Vue 动态设置路由Meta title 名称
路由配置 import ('@/views/accountManagement/editMain'), beforeEnter: (to, from, next) => {if (to.quer ...

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

VUE 动态三级路由界面不显示相关推荐

最新文章

热门文章