主要是理解default-active
是跟index
是关联的,所以解决的话就是
<el-menu
:default-active="act"
@open="handleOpen"
@close="handleClose"
>
<el-submenu
:index="item.name"
v-if="item.children"
:key="index"
>
下面定义一个
data() {
return {
act: ""
};
},
在页面加载完成之后,这一步是关键,act的值必须跟index的值是一样的,这样刷新就不会出现选中消失的问题了
mounted() {
this.act = this.$route.name;
},