提交 620222f5 编写于 作者: T tinyu

fix:设置菜单控制route

上级 400c96d9
...@@ -2,13 +2,13 @@ ...@@ -2,13 +2,13 @@
<el-container> <el-container>
<el-header> <el-header>
<el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect" <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> background-color="#545c64" text-color="#fff" router active-text-color="#ffd04b">
<template v-for="(menu, i) in menuList" > <template v-for="(menu, i) in menuList" >
<el-submenu v-if="menu.children" index="2" :key="`submenu-${i}`"> <el-submenu v-if="menu.children" :index="menu.path" :key="`submenu-${i}`">
<template slot="title">{{ menu.meta.title }}</template> <template slot="title">{{ menu.meta.title }}</template>
<el-menu-item v-for="(menu2, m) in menu.children" :key="`menu-${i}-${m}`" :index="`menu-${i}-${m}`">{{ menu2.meta.title }}</el-menu-item> <el-menu-item v-for="(menu2, m) in menu.children" :key="`menu-${i}-${m}`" :index="menu2.path">{{ menu2.meta.title }}</el-menu-item>
</el-submenu> </el-submenu>
<el-menu-item v-else :key="`menu-${i}`" :index="`menu-${i}`"><i :class="menu.meta.icon"></i>{{ menu.meta.title }}</el-menu-item> <el-menu-item v-else :key="`menu-${i}`" :index="menu.path"><i :class="menu.meta.icon"></i>{{ menu.meta.title }}</el-menu-item>
</template> </template>
<el-menu-item index="3" disabled>消息中心</el-menu-item> <el-menu-item index="3" disabled>消息中心</el-menu-item>
......
...@@ -4,13 +4,16 @@ ...@@ -4,13 +4,16 @@
* @param {Function} processFn 处理函数 * @param {Function} processFn 处理函数
* @returns {Array} 数组数据 * @returns {Array} 数组数据
*/ */
export function coventRouteData(list, processFn) { export function coventRouteData(list, processFn, Parentpath="/") {
return list.map(item => { return list.map(item => {
let { children, component, ...rest } = item; let { children, path, component, ...rest } = item;
if(!path.startsWith('/')){
path = Parentpath+path
}
if (children && Array.isArray(children)) { if (children && Array.isArray(children)) {
children = coventRouteData(children, processFn) children = coventRouteData(children, processFn, `${path}/`)
return processFn({ children, ...rest }) return processFn({ children, path, ...rest })
} }
return processFn(rest) return processFn({path, ...rest})
}); });
} }
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册