删除GloablMenu组件、菜单优化:只展开当前父级菜单

This commit is contained in:
chenghx
2018-07-23 13:44:08 +08:00
parent bcaca47c0c
commit 417f7d5f7b
3 changed files with 19 additions and 61 deletions

View File

@@ -44,6 +44,12 @@ export default {
default: 'inline'
}
},
data () {
return {
rootSubmenuKeys: ['/form', '/list', '/detail', '/exception', '/result'],
openKeys: ['/form']
}
},
methods: {
renderIcon: function (h, icon) {
return icon === 'none' ? null
@@ -103,6 +109,14 @@ export default {
menuArr.push(this2_.renderItem(h, menu, '0', i))
})
return menuArr
},
onOpenChange (openKeys) {
const latestOpenKey = openKeys.find(key => this.openKeys.indexOf(key) === -1)
if (this.rootSubmenuKeys.indexOf(latestOpenKey) === -1) {
this.openKeys = openKeys
} else {
this.openKeys = latestOpenKey ? [latestOpenKey] : []
}
}
},
render (h) {
@@ -112,7 +126,11 @@ export default {
props: {
theme: this.$props.theme,
mode: this.$props.mode,
inlineCollapsed: false
inlineCollapsed: false,
openKeys: this.openKeys
},
on: {
openChange: this.onOpenChange
}
}, this.renderMenu(h, this.menuData)
)