Vue3+ElementPlus el-menu子菜单设置父菜单选中技巧

前言：当我们在做后台系统开发的时候，经常会遇到一个页面既可以是菜单页面，又可以是某个页面的字页面的时候，那么这个时候在路由跳转的时候就需要保持父页面选中的状态，这个时候其实页面完全可以复用的，只需要重新加一个路由配置一个参数即可。请看下方的例子。

第一步在路由中设置

{
	path: "/aView",
	name: "aView",
	meta: {
		title: '父菜单A'
	},
	component: () => import( "../views/aView.vue"),
},
{
	path: "/bView",
	name: "bView",
	meta: {
		title: '父菜单B'
	},
	component: () => import( "../views/bView.vue"),//这里设置的是bView页面为菜单页面
},
{
	path: "/bView-c",
	name: "bView-c",
	meta: {
		title: '子页面',
		activeMenu:'/aView'//注意这里的设置,设置的是父菜单的path
	},
	component: () => 

第二步在设置菜单的组件中

const onRoutes = computed(() => {
	if(route.meta.activeMenu) return route.meta.activeMenu
    return route.path;
});
//el-menu 标签中设置 :default-active="onRoutes"