vue3.2/Vite/Ts28: 设置默认激活菜单项
·
Yin灏
优化:设置页面加载时默认激活菜单,保留选中刷新前的菜单项
- src / layout / index.vue
<template>
<div class="layout_container">
<div class="layout_slider">
<!-- ... -->
<el-scrollbar class="scrollbar">
<!-- 默认激活菜单 -->
<el-menu
:default-active="$route.path"
background-color="#001529"
text-color="white"
>
<menu :menuList="userStore.menuRoutes"></menu>
</el-menu>
</el-scrollbar>
</div>
<!-- ... -->
</div>
</template>
<script setup lang="ts">
//...
// 获取路由对象
import { useRoute } from "vue-router";
let $route = useRoute();
//...
</script>