本文介绍了如何使用Vue3和ElementPlus框架根据路由信息动态创建二级菜单，详细展示了个人中心、我的钱包和内容创作等多个功能模块的菜单配置。
name: ‘PersonalCenter’,
meta: {
isShow: true,
title: ‘个人中心’,
icon: ‘el-icon-s-custom’
},
component: Layout,
children:[
{
path: ‘/AccountSetting’,
name: ‘AccountSetting’,
meta: {
isShow: true,
title: ‘账户设置’,
icon: ‘el-icon-set-up’
},
component: () => import(‘…/views/Personal/AccountSetting.vue’)
},
{
path: ‘/Identification’,
name: ‘Identification’,
meta: {
isShow: true,
title: ‘信息认证’,
icon: ‘el-icon-s-check’
},
component: () => import(‘…/views/Personal/Identification.vue’)
},
{
path: ‘/MyCollect’,
name: ‘MyCollect’,
meta: {
isShow: true,
title: ‘我的收藏’,
icon: ‘el-icon-collection’
},
component: () => import(‘…/views/Personal/MyCollect.vue’)
},
{
path: ‘/PersonalInfo’,
name: ‘PersonalInfo’,
meta: {
isShow: true,
title: ‘个人资料’,
icon: ‘el-icon-info’
},
component: () => import(‘…/views/Personal/PersonalInfo.vue’)
},
{
path: ‘/PrivacySetting’,
name: ‘PrivacySetting’,
meta: {
isShow: true,
title: ‘隐私设置’,
icon: ‘el-icon-suitcase’
},
component: () => import(‘…/views/Personal/PrivacySetting.vue’)
}
]
},
{
path: ‘/WoDeWallet’,
name: ‘WoDeWallet’,
meta: {
isShow: true,
title: ‘我的钱包’,
icon: ‘el-icon-wallet’
},
component: Layout,
children:[
{
path: ‘/Balance’,
name: ‘Balance’,
meta: {
isShow: true,
title: ‘余额’,
icon: ‘el-icon-umbrella’
},
component: () => import(‘…/views/Wallet/Balance.vue’)
},
{
path: ‘/EarningsTiXian’,
name: ‘EarningsTiXian’,
meta: {
isShow: true,
title: ‘收益提现’,
icon: ‘el-icon-s-finance’
},
component: () => import(‘…/views/Wallet/EarningsTiXian.vue’)
},
{
path: ‘/Hcoin
最低0.47元/天 解锁文章
788
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
