Vue3+ElementPlus设置菜单选中
做后台系统开发时,跳转路由需要保持父页面选中的状态,这时只需配置一个参数即可。第一步:配置路由{path: "list",name: "DataList",meta: { title: "数据列表" },children: [{path: '',
·
做后台系统开发时,跳转路由需要保持父页面选中的状态,这时只需配置一个参数即可。
第一步:配置路由
{
path: "list",
name: "DataList",
meta: { title: "数据列表" },
children: [
{
path: '',
component: () => import('../views/data/List.vue'),
},
{
path: "detail",
name: "DataDetail",
meta: {
title: "数据详情",
activeMenu:'/data/list',//设置选中路径,父页面的path
},
component: () => import('../views/data/Detail.vue')
},
]
},
第二步:设置菜单组件
const onRouters = computed(() => {
console.log(route.meta)
if(route.meta.activeMenu) return route.meta.activeMenu;
return route.path;
});
el-menu中设置:default-active="onRouters"
Over~
更多推荐
已为社区贡献8条内容
所有评论(0)