项目输出this.$route
可以在页面发现如下信息
当然因项目而异,但是 this.$route.path
一般都是当前页面的路由地址,所以根据Element-UI里一个属性将default-active
绑定为$route.path
即可
如下代码
<el-menu
:default-active="$route.path"
background-color="#283643"
text-color="#fff"
active-text-color="#1CC09F"
router>
<el-menu-item
v-for="item in menuList"
:key="item.url"
:index="item.url">
<i :class="item.icon"></i>
<span slot="title">{{item.name}}</span>
</el-menu-item>
</el-menu>