1.添加:default-active="activeMenu"配置项
<el-menu
:default-active="activeMenu"
class="el-menu-vertical-demo"
background-color="#fff"
active-text-color="#fff"
text-color="#fff"
mode="horizontal"
:router="$router"
@select="MenuSelect"
>
2.添加计算属性activeMenu值,每次点击后会自动计算当前路由位置
const activeMenu = computed(() => {
const { meta, path } = route;
if (meta.activeMenu) {
return meta.activeMenu;
}
return path;
})