首先添加:default-active属性,属性值为this.$router.path,同时还需要设置router为true(router默认值为ture,直接添加router即可)
<el-menu :default-active="this.$router.path" router></el-menu>
接着在路由中配置好组件路径
{
path: '/index',
name: 'HomePage',
component: resolve => require(['@/views/HomePage.vue'], resolve)
},
最后在el-menu-item中的index属性值设为对应的路径
<el-menu :default-active="this.$router.path" router>
<el-menu-item index="/index">首页</el-menu-item>
</el-menu>