Commit 85285f7f by liangzhen

修复首页点击一级菜单,已展开菜单不关闭问题。

1 parent 24328878
Showing with 14 additions and 9 deletions
...@@ -3,14 +3,15 @@ ...@@ -3,14 +3,15 @@
<el-scrollbar style="height: 900px" ref="scroll"> <el-scrollbar style="height: 900px" ref="scroll">
<el-menu <el-menu
router router
ref="kzMenu"
class="el-menu-vertical-demo" class="el-menu-vertical-demo"
:unique-opened="true" :unique-opened="true"
@open="handleOpen" @open="handleOpen"
@close="handleClose" @close="handleClose"
:default-active="activeIndex" :default-active="activeIndex"
ref="kzMenu"
> >
<el-menu-item index="/mainLayout/mianHome" class="classmain"><span class=""></span>首页</el-menu-item> <el-menu-item index="/mainLayout/mianHome" class="classmain" @click="allClose()"><span class=""></span>首页</el-menu-item>
<!-- <el-menu-item index="/assesszc/projectView" class="classmain"><span></span>项目知识文档库</el-menu-item> --> <!-- <el-menu-item index="/assesszc/projectView" class="classmain"><span></span>项目知识文档库</el-menu-item> -->
<el-submenu <el-submenu
v-for="(item, index) in menuList" v-for="(item, index) in menuList"
...@@ -59,6 +60,7 @@ export default { ...@@ -59,6 +60,7 @@ export default {
openeds: ["0"], //默认展开导航栏 openeds: ["0"], //默认展开导航栏
activeIndex: "", activeIndex: "",
routerTabs: [], routerTabs: [],
keyIndex:" "
}; };
}, },
props: { props: {
...@@ -94,11 +96,11 @@ export default { ...@@ -94,11 +96,11 @@ export default {
if (!this.routerTabs.includes(this.$route.meta.title)) { if (!this.routerTabs.includes(this.$route.meta.title)) {
this.routerTabs.push(this.$route.meta.title); this.routerTabs.push(this.$route.meta.title);
} }
console.log(this.routerTabs);
}, },
}, },
autho(newVal, oldVal) { autho(newVal, oldVal) {
console.log(newVal, "newValnewVal");
if (newVal == "liyiming") { if (newVal == "liyiming") {
this.$router.push({ this.$router.push({
path: "/mainLayout/confirmRelease", path: "/mainLayout/confirmRelease",
...@@ -138,8 +140,6 @@ export default { ...@@ -138,8 +140,6 @@ export default {
this.$refs.kzMenu.activeIndex = this.$route.path; this.$refs.kzMenu.activeIndex = this.$route.path;
}, },
authority(newVal, oldVal) { authority(newVal, oldVal) {
console.log("oldVal:", oldVal); // coderkey
console.log("newVal:", newVal); // pink
this.menuList = []; this.menuList = [];
if (newVal == 1) { if (newVal == 1) {
this.menuList = trendsRules(1); this.menuList = trendsRules(1);
...@@ -186,6 +186,8 @@ export default { ...@@ -186,6 +186,8 @@ export default {
methods: { methods: {
handleOpen(e, a) { handleOpen(e, a) {
console.log('打开',e)
this.keyIndex=e.charAt(0)
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.scroll.update(); this.$refs.scroll.update();
}); });
...@@ -200,21 +202,24 @@ export default { ...@@ -200,21 +202,24 @@ export default {
} else if (a.length == 2) { } else if (a.length == 2) {
let opened = document.getElementsByClassName("is-opened"); let opened = document.getElementsByClassName("is-opened");
let treeIcon2 = opened[0].querySelectorAll(".treeIcon2"); let treeIcon2 = opened[0].querySelectorAll(".treeIcon2");
console.log(treeIcon2, "333");
for (var i = 0; i < treeIcon2.length; i++) { for (var i = 0; i < treeIcon2.length; i++) {
treeIcon2[i].style.transform = "rotate(0deg)"; treeIcon2[i].style.transform = "rotate(0deg)";
} }
treeIcon2[e.slice(2)].style.transform = "rotate(90deg)"; treeIcon2[e.slice(2)].style.transform = "rotate(90deg)";
} }
}, },
allClose(){
this.$refs.kzMenu.close(this.keyIndex);
this.handleClose(this.keyIndex,[this.keyIndex])
},
handleClose(e, a) { handleClose(e, a) {
console.log("关闭", e); console.log("关闭", e,a);
if (a.length == 1) { if (a.length == 1) {
let treeIcon1 = document.getElementsByClassName("treeIcon1"); let treeIcon1 = document.getElementsByClassName("treeIcon1");
treeIcon1[e].style.transform = "rotate(0deg)"; treeIcon1[e].style.transform = "rotate(0deg)";
let treeIcon2 = document.getElementsByClassName("treeIcon2"); let treeIcon2 = document.getElementsByClassName("treeIcon2");
let treARR = [...treeIcon2]; let treARR = [...treeIcon2];
console.log(treARR, "treARRtreARR");
treARR.forEach((element) => { treARR.forEach((element) => {
element.style.transform = "rotate(0deg)"; element.style.transform = "rotate(0deg)";
}); });
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!