ElementUI 的滚动条组件在项目中有些时候我们需要一个好看的滚动条，但不想去自己写，这个时候el-scrollb

el-scrollbar

在项目中有些时候我们需要一个好看的滚动条，但不想去自己写，这个时候el-scrollbar组件就派上用场了。但这个组件在官方文档并没有提及，所以在这总结了一下使用方法。

Attributes

参数	说明	类型	可选值	默认值
tag	使用时的dom标签	string	_	div
native	是否不显示滚动条，true不显示，false显示	boolean	true/false	false
wrapStyle	外层容器的样式	array/string	-	{}
warpClass	允许给外层容器加的类名	string	-	{}
viewStyle	内部容器的样式	array/string/object	-	{}
viewClass	内部容器的类名	string	-	{}
noresize	如果 container 尺寸不会发生变化，最好设置它可以优化性能	boolean	-	true

dom结构

示例

<el-scrollbar
  tag="ul"
  :noresize="false"
  :native="false"
  :wrapStyle="[{background: '#068bfc'}]" >
  <li class="div" v-for="i in arr" :key="i.title" @click="onClick(i)">
    {{i.title}}
    <span>{{i.checked}}</span>
  </li>
</el-scrollbar>