antd-pro配置动态菜单:某些菜单选项根据需要决定是否显示

 

在项目中,我想根据用户或者域名的不同而显示不同的菜单选项,该怎么办呢?

 在官方指导中,是这么说的:

为此,我进行了研究,发现可以修改src/models/menu.js中的formatter方法,来实现。

在router.config.js中的路由,要配置了name和path属性,才会在左侧的菜单栏上进行显示。

 

如下图,每个item都是一个路由,我们可以添加逻辑代码,将某些不想显示在菜单中的路由过滤掉。如红框所示,在域名不以test开头的网站中,不会显示view_pkg_log这个菜单选项。(一份源文件可能会发布多次,每次配置不同的域名)

item举例:

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值