element ui侧边栏提醒

根据提供的引用内容，我们可以看到这是一个使用Element UI框架实现的侧边栏。其中，侧边栏的结构是通过TabbarLeftView.vue文件中的template标签实现的，使用了el-aside和el-menu等Element UI组件。同时，为了实现样式的美观，还在style标签中对el-aside进行了一些自定义样式的设置。

另外，引用提到了使用Element UI侧边栏时需要注意的一个问题，即需要在侧边栏外部再套一个container属性的div，以实现正常的布局。

相关问题

element ui侧边栏

Element UI侧边栏可以使用el-scrollbar来设置滚动。你可以在el-scrollbar外部包裹一层div，并给el-scrollbar添加高度样式，这样就可以实现侧边栏的滚动功能。同时，你可以通过给外层div添加样式来隐藏横向滚动条。以下是具体的代码示例：

<template>
  <div class="side-bar">
    <el-scrollbar style="height: 100%;">
      ...
    </el-scrollbar>
  </div>
</template>

<style lang="scss" scope>
.side-bar {
  width: 30%;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  .el-scrollbar__wrap {
    overflow-x: hidden;
  }
}
</style>

element ui侧边栏高亮

Element-UI是一套基于Vue.js 2.0的桌面端组件库，其中包括了侧边栏组件。在使用Element-UI的侧边栏组件时，可能会遇到侧边栏高亮的问题。具体表现为按F5刷新页面后，导航栏默认折叠起来，并且无高亮显示；点击浏览器的前进后退按钮后，高亮显示与页面内容不同步。解决这个问题的方法有两种：
1. 按F5刷新高亮问题：可以在侧边栏组件中设置default-active属性，将其值设置为当前路由的path，这样在刷新页面后，侧边栏会自动高亮当前路由对应的菜单项。
2. 前进后退后高亮不同步问题：可以使用Element-UI提供的router模式，将el-menu组件的router属性设置为true，然后将router-link标签上的path属性赋值给el-menu-item组件的index属性，这样在前进后退时，侧边栏会自动高亮当前路由对应的菜单项。

下面是一个使用router模式解决侧边栏高亮问题的代码示例：

<el-menu class="el-menu-vertical-demo" :default-active="$route.path" router>
  <el-menu-item index="/home/index">
    <i class="el-icon-s-platform"></i>
    <span slot="title">数据统计</span>
  </el-menu-item>
  <el-menu-item index="/CorporateManagement/Gongsiguanli">
    <i class="el-icon-office-building"></i>
    <span slot="title">公司管理</span>
  </el-menu-item>
  <el-menu-item index="/JieKouGL/InterfaceManagement">
    <i class="el-icon-s-operation"></i>
    <span slot="title">接口管理</span>
  </el-menu-item>
</el-menu>