项目原来用html做的,有个scrollbar滚动条,是js插件,现在用vue框架了,想用这个滚动条还有点复杂,突然想到element
ui官方文档的侧栏不就是的吗,
怎么样,看起来是不是觉得挺优雅。
但是经过仔细找,发现Element 官方没有说有这么一个Scrollbar组件的,
文档没有说,但当我查看官网源代码,发现他有使用el-scrollbar这样一个组件,经过多方查找,虽然官网没有写使用文档,但是我们还是可以用的。
基础用法:
<div class="lsm-container"><el-scrollbar class="scrollbar-wrapper"><!-- 内部文本--></el-scrollbar></div>
注意:
1、el-scrollbar 的外部标签必须设置高度,高度随意,根据需求来;
2、el-scrollbar 本身也必须设置高度,类名可以自己随意设置。
另外:我是全局完整导入了element ui,就可以直接按上面使用;如果你是按需导入的element ui组件,就需要在导入Scrollbar,如下面这样引入,在像上面的方法那样使用:
import {Scrollbar, Menu } from 'element-ui'Vue.use(Scrollbar)Vue.use(Menu)