快速使用
<el-scrollbar>
<li v-for="user in userList" :key="user.id">{{user.name}}</li>
</el-scrollbar>
具体实例
<el-scrollbar
wrapClass="yf-container"
viewClass="yf-content"
wrapStyle="color:'#fff';fontSize:'16px';"
viewStyle="color:'#fff';fontSize:'16px';"
:native="false"
:noresize="true"
tag="ul"
>
<li v-for="user in userList" :key="user.id">{{user.name}}</li>
</el-scrollbar>
结构构成
文档
Attribute
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
wrapClass | 可选参数,容器的样式名 | string | - | - |
viewClass | 可选参数,展示视图的样式名 | string | - | - |
wrapStyle | 可选参数,容器的样式 | string | - | - |
viewStyle | 可选参数,展示视图的样式 | string | - | - |
native | 可选参数,是否使用原生滚动 | boolean | - | false |
noresize | 可选参数,容器大小是否是不可变的 | boolean | - | false |
tag | 可选参数,渲染容器的标签 | string | - | div |
备注
源码 element/main.js at dev · ElemeFE/element · GitHub
文章 element ScrollBar滚动组件源码深入分析(element ScrollBar滚动组件源码深入分析 - 掘金)