侧边栏和tab选项卡的绑定问题

1. el-menu 的属性

注意添加 :default-active="$route.path" 和 :router="true"

 <el-menu
        :default-active="$route.path"
        background-color="#545c64" text-color="#fff"
        :unique-opened="true"
        style="min-height: 100%;overflow-x:hidden;"
        :collapse="isCollapse"
        :collapse-transition="false"
        :router="true"
      >

2. 侧边栏菜单路由

用 index 进行导航

 <el-menu-item index="/index">
 	<i class="el-icon-s-home"></i>
    <span slot="title">首页</span>
 </el-menu-item>

3. 效果展示

可以解决点击tab后对应侧边栏的高亮，另外，页面刷新后仍能保持高亮。