以下内容主要是针对遇上element-ui的隐藏组件el-scrollbar怎么用等问题，我们该怎么处理呢。下面这篇文章将为你提供一个解决思路，希望能帮你解决到相关问题。
el-scrollbar的介绍
el-scrollbar是element-ui的滚动条组件，它可以让你自定义滚动条的样式，使用它可以很方便的实现滚动条的自定义。
el-scrollbar的使用
1、首先，我们需要在main.js中引入el-scrollbar组件：
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import App from './App'
import router from './router'
import ElScrollbar from 'element-ui/lib/scrollbar'
Vue.use(ElementUI)
Vue.use(ElScrollbar)
new Vue({
el: '#app',
router,
components: { App },
template: ''
})
2、然后，在需要使用滚动条的地方使用el-scrollbar组件：
<el-scrollbar>
<div>
...
</div>
</el-scrollbar>
3、最后，可以使用el-scrollbar组件的属性来设置滚动条的样式：
<el-scrollbar
wrap-style="height: 400px; width: 400px; background-color: #f5f5f5; border-radius: 4px;"
bar-style="background-color: #c1c1c1; width: 8px; border-radius: 4px;"
>
<div>
...
</div>
</el-scrollbar>
el-scrollbar的优点
1、el-scrollbar组件可以让你自定义滚动条的样式，使用它可以很方便的实现滚动条的自定义；
2、el-scrollbar组件可以支持滚动条的滚动，使用它可以很方便的实现滚动条的滚动；
3、el-scrollbar组件可以支持滚动条的拖拽，使用它可以很方便的实现滚动条的拖拽；
4、el-scrollbar组件可以支持滚动条的滚动动画，使用它可以很方便的实现滚动条的滚动动画；
5、el-scrollbar组件可以支持滚动条的滚动事件，使用它可以很方便的实现滚动条的滚动事件。
总结
以上就是为你整理的element-ui的隐藏组件el-scrollbar怎么用全部内容，希望文章能够帮你解决相关问题，更多请关注本站相关栏目的其它相关文章！