兼容顶部栏一级菜单内部跳转
This commit is contained in:
parent
cb18eec802
commit
e60a69b670
|
@ -30,9 +30,6 @@
|
||||||
<script>
|
<script>
|
||||||
import { constantRoutes } from "@/router";
|
import { constantRoutes } from "@/router";
|
||||||
|
|
||||||
// 不需要激活的路由
|
|
||||||
const noactiveList = ["/user/profile", "/dict/type", "/gen/edit", "/job/log"];
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
@ -40,6 +37,8 @@ export default {
|
||||||
visibleNumber: 5,
|
visibleNumber: 5,
|
||||||
// 是否为首次加载
|
// 是否为首次加载
|
||||||
isFrist: false,
|
isFrist: false,
|
||||||
|
// 当前激活菜单的 index
|
||||||
|
currentIndex: undefined
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
@ -48,8 +47,13 @@ export default {
|
||||||
let topMenus = [];
|
let topMenus = [];
|
||||||
this.routers.map((menu) => {
|
this.routers.map((menu) => {
|
||||||
if (menu.hidden !== true) {
|
if (menu.hidden !== true) {
|
||||||
|
// 兼容顶部栏一级菜单内部跳转
|
||||||
|
if (menu.path === "/") {
|
||||||
|
topMenus.push(menu.children[0]);
|
||||||
|
} else {
|
||||||
topMenus.push(menu);
|
topMenus.push(menu);
|
||||||
}
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
return topMenus;
|
return topMenus;
|
||||||
},
|
},
|
||||||
|
@ -63,7 +67,11 @@ export default {
|
||||||
this.routers.map((router) => {
|
this.routers.map((router) => {
|
||||||
for (var item in router.children) {
|
for (var item in router.children) {
|
||||||
if (router.children[item].parentPath === undefined) {
|
if (router.children[item].parentPath === undefined) {
|
||||||
|
if(router.path === "/") {
|
||||||
|
router.children[item].path = "/redirect/" + router.children[item].path;
|
||||||
|
} else {
|
||||||
router.children[item].path = router.path + "/" + router.children[item].path;
|
router.children[item].path = router.path + "/" + router.children[item].path;
|
||||||
|
}
|
||||||
router.children[item].parentPath = router.path;
|
router.children[item].parentPath = router.path;
|
||||||
}
|
}
|
||||||
childrenMenus.push(router.children[item]);
|
childrenMenus.push(router.children[item]);
|
||||||
|
@ -75,12 +83,6 @@ export default {
|
||||||
activeMenu() {
|
activeMenu() {
|
||||||
const path = this.$route.path;
|
const path = this.$route.path;
|
||||||
let activePath = this.routers[0].path;
|
let activePath = this.routers[0].path;
|
||||||
var noactive = noactiveList.some(function (item) {
|
|
||||||
return path.indexOf(item) !== -1;
|
|
||||||
});
|
|
||||||
if (noactive) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (path.lastIndexOf("/") > 0) {
|
if (path.lastIndexOf("/") > 0) {
|
||||||
const tmpPath = path.substring(1, path.length);
|
const tmpPath = path.substring(1, path.length);
|
||||||
activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
|
activePath = "/" + tmpPath.substring(0, tmpPath.indexOf("/"));
|
||||||
|
@ -91,7 +93,11 @@ export default {
|
||||||
activePath = "index";
|
activePath = "index";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
var routes = this.activeRoutes(activePath);
|
||||||
|
if (routes.length === 0) {
|
||||||
|
activePath = this.currentIndex || this.routers[0].path
|
||||||
this.activeRoutes(activePath);
|
this.activeRoutes(activePath);
|
||||||
|
}
|
||||||
return activePath;
|
return activePath;
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -112,10 +118,15 @@ export default {
|
||||||
},
|
},
|
||||||
// 菜单选择事件
|
// 菜单选择事件
|
||||||
handleSelect(key, keyPath) {
|
handleSelect(key, keyPath) {
|
||||||
|
this.currentIndex = key;
|
||||||
if (key.indexOf("http://") !== -1 || key.indexOf("https://") !== -1) {
|
if (key.indexOf("http://") !== -1 || key.indexOf("https://") !== -1) {
|
||||||
// http(s):// 路径新窗口打开
|
// http(s):// 路径新窗口打开
|
||||||
window.open(key, "_blank");
|
window.open(key, "_blank");
|
||||||
|
} else if (key.indexOf("/redirect") !== -1) {
|
||||||
|
// /redirect 路径内部打开
|
||||||
|
this.$router.push({ path: key.replace("/redirect", "") });
|
||||||
} else {
|
} else {
|
||||||
|
// 显示左侧联动菜单
|
||||||
this.activeRoutes(key);
|
this.activeRoutes(key);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -129,8 +140,11 @@ export default {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if(routes.length > 0) {
|
||||||
this.$store.commit("SET_SIDEBAR_ROUTERS", routes);
|
this.$store.commit("SET_SIDEBAR_ROUTERS", routes);
|
||||||
}
|
}
|
||||||
|
return routes;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue