ant design pro 二级菜单_ant design中点击有下级目录的菜单 怎么同时自己也能打开新页面?...

-- 主页

-- 人员管理

-----| 员工管理

-----| 应聘人员资料

-- 系统设置

-----| 数据字典

-----| 系统阀值

主页、人员管理、系统设置是一级菜单,默认情况下,点“主页”能显示页面,而点“人员管理”是展开其二级菜单。

现在要怎么修改,才能点“人员管理”的时候,既展开下面的二级菜单,又能像“主页”那样在右侧显示对应的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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值