element中路由跳转以后激活当前菜单高亮

<template>
  <div>
    <el-row class="tac">
      <el-col :span="24">
        <el-menu
          @select="refrash"
          :default-active="$route.path"
          class="el-menu-vertical-demo"
          background-color="#20242A"
          text-color="#C7C7C7"
          active-text-color="#fff"
          :collapse="isShow"
          router>
          <MenuItem v-for="(item,ind) in menuList" :key="item.path" :item="item" :base-path="item.path"></MenuItem>
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  import LeftBarJs from './LeftBar.js'
  export default  LeftBarJs
</script>

<style scoped>
  @import "LeftBar.css";
</style>

:default-active="$route.path" 这个属性写上就可以激活当前菜单需要注意的是default-active前面需要加冒号！！