perf(menu-side): 直接使用 $route.fullPath 决定侧边栏菜单激活
This commit is contained in:
parent
06f1acf522
commit
0ed6922140
|
|
@ -11,7 +11,7 @@ export default {
|
||||||
render (createElement) {
|
render (createElement) {
|
||||||
return createElement('div', { attrs: { class: 'd2-layout-header-aside-menu-side' } }, [
|
return createElement('div', { attrs: { class: 'd2-layout-header-aside-menu-side' } }, [
|
||||||
createElement('el-menu', {
|
createElement('el-menu', {
|
||||||
props: { collapse: this.asideCollapse, uniqueOpened: true, defaultActive: this.active },
|
props: { collapse: this.asideCollapse, uniqueOpened: true, defaultActive: this.$route.fullPath },
|
||||||
ref: 'menu',
|
ref: 'menu',
|
||||||
on: { select: this.handleMenuSelect }
|
on: { select: this.handleMenuSelect }
|
||||||
}, this.aside.map(menu => (menu.children === undefined ? elMenuItem : elSubmenu).call(this, createElement, menu))),
|
}, this.aside.map(menu => (menu.children === undefined ? elMenuItem : elSubmenu).call(this, createElement, menu))),
|
||||||
|
|
@ -25,7 +25,6 @@ export default {
|
||||||
},
|
},
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
active: '',
|
|
||||||
asideHeight: 300,
|
asideHeight: 300,
|
||||||
BS: null
|
BS: null
|
||||||
}
|
}
|
||||||
|
|
@ -43,13 +42,6 @@ export default {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.scrollInit()
|
this.scrollInit()
|
||||||
}, 500)
|
}, 500)
|
||||||
},
|
|
||||||
// 监听路由 控制侧边栏激活状态
|
|
||||||
'$route.fullPath': {
|
|
||||||
handler (value) {
|
|
||||||
this.active = value
|
|
||||||
},
|
|
||||||
immediate: true
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted () {
|
mounted () {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue