Browse Source

feat: menu 默认激活态

master
wally 4 years ago
parent
commit
05e8bceb48
  1. 4
      src/App.vue

4
src/App.vue

@ -12,6 +12,7 @@ const store = useStore();
let timer = null;
const routeList = ref(routes);
const menu = computed(() => store.state.menu);
const activeMenuIndex = ref(0);
// queryu token
const route = useRoute();
@ -20,6 +21,7 @@ const router = useRouter();
useRouter()
.isReady()
.then(async () => {
activeMenuIndex.value = routes.findIndex(item => item.name === route.name);
const u = computed(() => route.query.u);
if (!u.value) {
// urlu,
@ -68,7 +70,7 @@ function openPage(path) {
<el-container class="overflow-hidden">
<!-- <el-aside width="180px" v-if="menu.show"> -->
<el-aside v-if="menu.show" :width="!menu.collapse ? '180px' : '64px'">
<el-menu :collapse="menu.collapse" :default-active="0" class="el-menu-vertical-demo">
<el-menu :collapse="menu.collapse" :default-active="activeMenuIndex" class="el-menu-vertical-demo">
<el-menu-item
v-for="(item, index) in routeList"
:key="item.name"

Loading…
Cancel
Save