今天检查自己程序时发现menu的高亮消失了,经检查发现是is-active类名丢失造成的,现对代码进行一下修改:
动态添加类名,当跳转路由的名字与路由的名字相同时,给class添加is-active类名
<el-menu
@select="selectEvent"
:default-active="activeRouter"
style="border-right:none"
:router="true"
:collapse-transition="false"
:collapse="useMainPageStore.isCollpase"
class="el-menu-vertical-demo"
>
<el-menu-item index="/mainPage/mainindex" :class="route.name==='mainindex' ? 'is-active' : ''">
<el-icon><House /></el-icon>
<span>{{ $t('aside.index') }}</span>
</el-menu-item>
</el-menu>