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

 

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

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

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

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

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

 

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

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

item举例:

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

 

 

 

 

 

你可能感兴趣的:(antd-pro)