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

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

View File

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