要将 /
和 /myFiles
路径同时显示为文件列表界面,您可以对应修改 subMenus
数组中的对象。
以下是修改后的代码示例:
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: 'fileList',
href: '/fileList'
}
]
},
{
title: '共享文件',
key: 'shareFiles',
icon: FolderViewOutlined,
subMenus: [
{
title: '文件列表',
icon: AppstoreOutlined,
key: 'fileListShared',
href: '/fileListShared'
},
{
title: '我的共享图片',
icon: FileImageOutlined,
key: 'myShareImages',
href: '/myShareImages'
},
{
title:'下载榜',
key:'downloadRankingList',
icon :BarsOutlind ,
href:'/downloadRankingList'
}
]
},
{
title:'设置' ,
icon :SettingOutlind ,
key :'settings' ,
subMenus:[
{
title :'退出登录' ,
icon :LockOutlind ,
key :'logout' ,
href:'/logout'
}
]
}
];
export default menus;
在这个修改后的代码中,将 /
路径对应的 subMenus
对象的 key
属性设置为 ‘fileList’,将 /myFiles
路径对应的 subMenus
对象的 href
属性设置为 ‘/fileList’。这样,在导航菜单中,点击 /
或 /myFiles
时都会显示文件列表界面。
请根据您的项目配置和路由规则进行适当调整。
内容由零声教学AI助手提供,问题来源于学员提问