处理页面中跳转页面,左侧二级菜单高亮菜单与路由地址不匹配的问题

This commit is contained in:
renpy 2023-08-23 15:33:58 +08:00
parent 20f52d06e1
commit fb2f8c9f11
2 changed files with 21 additions and 4 deletions

View File

@ -5,8 +5,8 @@
<div style="height:100%">
<a-menu
id="dddddd"
:defaultSelectedKeys="defaultSelectedKeys"
:defaultOpenKeys="defaultOpenKeys"
v-model="currSlecteKey"
mode="inline"
:inline-collapsed="collapsed"
@openChange="onOpenChange"
@ -90,6 +90,7 @@ export default {
openKeys: [],
//
defaultSelectedKeys: [],
currSlecteKey: [],
defaultOpenKeys: [],
rootSubmenuKeys: ['/istatistics/imsData', '/istatistics'],
}
@ -109,7 +110,8 @@ export default {
// console.log(openKeys);
const selectedKeys = window.sessionStorage.getItem('currMenu')
if (selectedKeys) {
this.defaultSelectedKeys.push(selectedKeys)
// this.defaultSelectedKeys.push(selectedKeys)
this.currSlecteKey.push(selectedKeys)
} else {
this.initDefaultKeys(this.menus[0])
@ -126,19 +128,34 @@ export default {
// this.openKeys = JSON.parse(openKeys)
// }
},
watch: {
"$route": {
handler: function (val, oldVal) {
this.currSlecteKey=[]
console.log(val);
this.currSlecteKey.push(val.path)
window.sessionStorage.setItem('currMenu', val.path)
},
deep:true,
immediate:true
}
},
methods: {
// ,MenuItem
menuClick({ item, key, keyPath }) {
this.currSlecteKey =[]
window.sessionStorage.setItem('currMenu', key)
// var parentPath = item._props.parentMenu._props.eventKey;
// var parentTitle = parentPath.substring(parentPath.lastIndexOf("/") + 1, parentPath.length)
// var par = {"type": "q"}
// key,
this.currSlecteKey.push(key)
this.$router.push({
path: key,
})
},
initDefaultKeys(data) {
this.currSlecteKey=[]
console.log("datadefaultOpenKeys",data);
this.defaultOpenKeys.push(data.path)
data.children.some((f) => {
@ -148,7 +165,8 @@ export default {
this.initDefaultKeys(f.children[0])
} else {
//
this.defaultSelectedKeys.push(f.path)
// this.defaultSelectedKeys.push(f.path)
this.currSlecteKey.push(f.path)
return true
}
})

View File

@ -325,7 +325,6 @@ export default {
this.visible = false
},
onRowDbclick(record) {
console.log(record);
let query = {
serverId:record.id
}