处理页面中跳转页面,左侧二级菜单高亮菜单与路由地址不匹配的问题
This commit is contained in:
parent
20f52d06e1
commit
fb2f8c9f11
|
@ -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
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user