Ant Design Pro:二级菜单不显示图标?

简介: Ant Design Pro:二级菜单不显示图标?

在app.jsx中的layout函数的return返回的对象中添加以下代码:

menuItemRender: (menuItemProps, defaultDom) => {
      if (menuItemProps.isUrl || !menuItemProps.path) {
        return defaultDom;
      }
      // 支持二级菜单显示icon
      return (
        <Link to={menuItemProps.path}>
          {menuItemProps.pro_layout_parentKeys
            && menuItemProps.pro_layout_parentKeys.length > 0 &&
            menuItemProps.icon}{defaultDom}
        </Link>
      );
    },

相关文章
|
8月前
|
前端开发
修改Ant Design 按钮的样式
修改Ant Design 按钮的样式
246 0
|
12月前
ant design pro 面包屑和多标签页
ant design pro 面包屑和多标签页
360 0
|
12月前
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
87 0
|
JavaScript
ant design vue 设置表格选择框,全选按钮选不全
ant design vue 设置表格选择框,全选按钮选不全
1407 0
|
11月前
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
54 0
|
11月前
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
108 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
11月前
|
前端开发 JavaScript
重置ant design得样式
重置ant design得样式
60 0
|
11月前
Ant design pro中二级菜单不显示图标
Ant design pro中二级菜单不显示图标
133 0
|
11月前
Ant Design Pro 顶部显示面包屑
Ant Design Pro 顶部显示面包屑
264 0
|
11月前
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
Ant Design Pro:项目的标签页标题与左上角项目标题图标如何修改?
204 0