ZBLOG

import { HomeOutlined, LockOutlined, SettingOutlined, FolderOutlined, FolderViewOutlined, AppstoreOutlined, BarsOutlined, FileImageOutlined } from '@ant-design/icons'; const menus = [ { title: '我的文件', key: 'myFiles', icon: Folde...

要将 //myFiles 路径都显示为 “我的文件”,您可以在菜单数组中的对应对象的 subMenus 数组中添加一个额外的对象,并将其 key 属性设置为 "/",并设置相应的标题和图标。

以下是修改后的代码示例:

import { HomeOutlined, LockOutlined, SettingOutlined, FolderOutlined, 
    FolderViewOutlined, AppstoreOutlined, BarsOutlined, FileImageOutlined } from '@ant-design/icons';

const menus = [
  {
    title: '我的文件',
    key: 'myFiles',
    icon: FolderOutlined,
    subMenus: [
      {
        title: '文件列表',
        icon: AppstoreOutlined,
        key: 'myFilesList',
        href: '/myFiles'
      },
      {
        title: '我的文件', // 或者根据需要设置不同的标题
        icon: FolderOutlined,
        key: '/',
        href: '/'
      }
    ]
  },
  // 其他菜单项...
];

export default menus;

这样,在导航菜单中就会有两个选项显示为 “我的文件”,分别对应 //myFiles 路径。请确保根据您的项目配置正确处理路由和页面内容。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=13517

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?