Vue中使用el-scrollbar滚动条

element-ui官网是没有el-scrollbar使用方法的 浏览器原生的滚动条又很丑

使用方法

<div class="content">
  <el-scrollbar style="height: 100%">
  	...
  </el-scrollbar>
</div>

<style scoped>
  /* 作为scrollbar的父元素 要指定高度 */
  .content {
    height: 500px;
  }
</style>

隐藏横向滚动条

// style里面不能加scoped，为了防止全局下拉框高度缺失，给父元素加上类名
<style>
.content .el-scrollbar_wrap {
  overflow-x: hidden;
}
</style>