element-ui中的scrollbar组件使⽤
简介
scrollbar是element-ui中的⼀个虚拟滚动组件，只是在⽂档中并没有写出来，也是可以正常使⽤的
使⽤
scrollbar组件暴露了 native, wrapStyle, wrapClass, viewClass, viewStyle, noresize, tag 这7个 props属性
props:{
native: Boolean,// 是否使⽤本地，设为true则不会启⽤element-ui⾃定义的滚动条
wrapStyle:{},// 包裹层⾃定义样式
wrapClass:{},// 包裹层⾃定义样式类
viewClass:{},// 可滚动部分⾃定义样式类
viewStyle:{},// 可滚动部分⾃定义样式
noresize: Boolean,// 如果 container 尺⼨不会发⽣变化，最好设置它可以优化性能
tag:{// ⽣成的标签类型，默认使⽤ `div`标签包裹
type: String,
default:'div'
}
}
注意:
如何想使⽤max-height实现⾼度的动态变化，可以在组件外⾯添加⼀层div使⽤max-height进⾏⾼度配置。
element表格横向滚动条如果想不要横向滚动条需要进⾏css样式的修改
.el-scrollbar__wrap{
overflow-x: hidden;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。