-- 主页
-- 人员管理
-----| 员工管理
-----| 应聘人员资料
-- 系统设置
-----| 数据字典
-----| 系统阀值
主页、人员管理、系统设置是一级菜单,默认情况下,点“主页”能显示页面,而点“人员管理”是展开其二级菜单。
现在要怎么修改,才能点“人员管理”的时候,既展开下面的二级菜单,又能像“主页”那样在右侧显示对应的view呢?
现在找到SideMenu.VUE里这段代码
:class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]"
width="356px"
:collapsible="collapsible"
v-model="collapsed"
:trigger="null">
:collapsed="collapsed"
:menu="menus"
:theme="theme"
:mode="mode"
@select="onSelect"
style="padding: 16px 0px;">
methods: {
onSelect (obj) {
debugger
this.$emit('menuSelect', obj)
}
}
如果有子页面的菜单,点击后就不会进入onSelect, 只有当自己为最末级菜单的时候,才会进入onSelect