vue项目导航菜单的几个问题(element-ui和iview)

1,elementUI的下拉菜单有一个像素的突出

.el-menu{

    border-right-width: 0;

}

2,点击某个页面跳转到别的导航所在页页面已经跳转过去，可menu选中项根本没有发生变化

<!--element-ui和iview都有这个问题-->
// :default-active="$route.name"
<el-menu
        :router="true"
        :default-active="$route.name">
        <el-menu-item v-for="item in menuList" :key="item.id" :index="item.name" :route="item.name">
            <i :class="item.icon"></i>
            <span slot="title">{{item.text}}</span>
      </el-menu-item>
</el-menu>
// $route.name要和:index="item.name"的值一样
// router 是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转

3,vue-router,导航菜单多次点击报错

好像是vue-router版本的问题,我的解决方法是
npm i vue-router@3.0.1 -S就可以了

4,左边侧边栏高度占满的问题

// 右边的内容页,padding-left跟着改变
.el-aside {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
}