vue动态路由,三级及以上路由,地址跳转,但是页面不显示-编程知识

vue动态路由,三级及以上路由,地址跳转,但是页面不显示

vue动态路由的时候,一级,二级路由都正常展示,但是三级,四级,五级等就只看到地址跳转了,但是页面并没有跳转,原因是共用了一个<router-view></router-view>

import Layout from '@/layout'
import Vue from 'vue'
import Router from 'vue-router'
import db from '@/utils/localstorage'
import {Shortcuts
} from 'tinymce'
Vue.use(Router)
const usermenuList = db.get("usermenuList");
let list = [];
console.log(usermenuList);
if (usermenuList.length != undefined) {usermenuList.forEach(function(item, index) {if (item.parentId == 0) { //一级item.component = Layout;if (item.children) {//二级item.children.forEach(function(item1, index1) {if (item1.children) { //三级item1.component = {render(c) { return c('router-view')}}item1.children.forEach(function(item2, index2) {if (item2.children) { //四级item2.component = {render(c) { return c('router-view')}}item2.children.forEach(function(item3, index3) {if (item3.url) {item3.component = (resolve) => require([`@/views${item3.url}.vue`], resolve);}});} else {if (item2.url) {item2.component = (resolve) => require([`@/views${item2.url}.vue`], resolve);}}});} else {if (item1.url) {item1.component = (resolve) => require([`@/views${item1.url}.vue`], resolve);}}});}}list.push(item);});
}export default {section: [...list],
}