elementUI中el-scrollbar的使用

前端UI界面设计的时候经常会出现滚动条，但是浏览器默认的滚动条一般比较难看，不推荐使用。elementUI中有一个隐藏的组件el-scrollbar，在官方的教程中并没有出现，但是在实际使用中比较不错，这里记录一下使用方法以及使用中遇到的坑。

1、使用方法：将会出现滚动条的部分直接放进组件el-scrollbar即可，然后将标签的height属性设置为100%即可。

2、注意事项：设置完之后查看效果会发现出现一个横向的滚动条，此时需要添加以下css样式即可，但是一定要注意不要在scoped私有变量中进行添加，而是应该在app.vue 或者公共的css中进行添加，否则是没有效果的。

.el-scrollbar__wrap{
  overflow-x: hidden;
}