Vue iview-admin框架二级菜单改为三级菜单的方法

<Submenu v-if="item.children.length > 1" :name="item.name" :key="item.name">
<template slot="title">
<Icon :type="item.icon" :size="iconSize">
<span class="layout-text">{{ itemTitle(item) }}

0)return true; else return false; } else { return false; } } },

{ if (item.children.length === 1) { if (item.children[0].name === name) { title = util.handleTitle(vm,item); if (item.name === 'otherRouter') { isOtherRouter = true; } } } else { item.children.forEach(child => { if (child.name === name) { title = util.handleTitle(vm,child); if (item.name === 'otherRouter') { isOtherRouter = true; } } }); } }); let currentPathArr = []; //去首页 if (name === 'home_index') { currentPathArr = [ { title: util.handleTitle(vm,util.getRouterObjByName(vm.$store.state.app.routers,'home_index')),path: '',name: 'home_index' } ]; } //去导航菜单一级页面或者OtherRouter路由中的页面 else if ((name.indexOf('_index') >= 0 || isOtherRouter) && name !== 'home_index') { currentPathArr = [ { title: util.handleTitle(vm,path: '/home',name: 'home_index' },{ title: title,name: name } ]; } //去导航菜单二级页面或三级页面 else { let currentPathObj = vm.$store.state.app.routers.filter(item => {

var hasMenu;
if (item.children.length <= 1) {
hasMenu = item.children[0].name === name;
return hasMenu;
} else {
let i = 0;
let childArr = item.children;
let len = childArr.length;
while (i < len) {
//如果是三级页面按钮，则在二级按钮数组中找不到这个按钮名称
//需要二级页面下可能出现三级子菜单的情况逻辑加入
if (childArr[i].name === name) {
hasMenu = true;
return hasMenu;
}
i++;
}
//如果一级，二级菜单下都没有此按钮名称，则遍历三级菜单
if(!hasMenu){
for(let m=0;m<childArr.length;m++){
if(!childArr[m].children) continue;
let sonArr = childArr[m].children;
for(let n=0;n<sonArr.length;n++){
if(sonArr[n].name === name){
hasMenu = true;
return hasMenu;
}
}
}
}
return false;
}
})[0];

if (currentPathObj.children.length <= 1 && currentPathObj.name === 'home') {
currentPathArr = [
{
title: '首页',name: 'home_index'
}
];
} else if (currentPathObj.children.length <= 1 && currentPathObj.name !== 'home') {
currentPathArr = [
{
title: '首页',name: 'home_index'
},{
title: currentPathObj.title,name: name
}
];
} else {
//如果是三级页面按钮，则在二级按钮数组中找不到这个按钮名称
//需要二级页面下可能出现三级子菜单的情况逻辑加入
let childObj = currentPathObj.children.filter((child) => {
return child.name === name;
})[0];

// let thirdLevelObj =
console.log(childObj)
//二级页面
if (childObj) {
currentPathArr = [
{
title: '首页',name: 'home_index'
},{
title: currentPathObj.title,name: currentPathObj.name
},{
title: childObj.title,path: currentPathObj.path + '/' + childObj.path,name: name
}
];
}
//childobj为undefined，再从三级页面中遍历
else {
let thirdObj;
let childObj = currentPathObj.children.filter((child) => {
let hasChildren;
hasChildren = child.name === name;
if (hasChildren) return hasChildren

 if (child.children) {
  let sonArr = child.children;
  for (let n = 0; n < sonArr.length; n++) {
   if (sonArr[n].name === name) {
    thirdObj = sonArr[n];
    hasChildren = true;
    return hasChildren;
   }
  }
 }
 return hasChildren
})[0];

if(thirdObj && childObj){
 currentPathArr = [
  {
   title: '首页',name: 'home_index'
  },{
   title: currentPathObj.title,name: currentPathObj.name
  },{
   title: childObj.title,//设为空是因为此二级菜单没有实际页面且用于面包屑组件显示，path为空的将不可单击
   name: childObj.name
  },{
   title: thirdObj.title,path: currentPathObj.path + '/' + childObj.path + '/' + thirdObj.path,name: thirdObj.name
  }
 ];
}

}

}
}

vm.$store.commit('setCurrentPath',currentPathArr);
return currentPathArr;
};

import('@/views/test/artical-publish-center.vue'),//引用三级页面的中间容器层 children:[ { path: 'testcaca',icon: 'ios-pause',name: 'testcaca',title: 'test4',component: () => import('@/views/test/testcaca.vue') },{ path: 'test-child',name: 'test-child',title: 'test-child',component: () => import('@/views/test/test-child.vue') } ] }