Vue EasyUI 虚拟滚动条
属性列表
| 名称 |
数据类型 |
作用描述 |
默认值 |
| lazy |
boolean |
是否延迟加载数据。 |
false |
| rowHeight |
number |
行高。 |
32 |
| pageNumber |
number |
初始化页码。 |
1 |
| pageSize |
number |
初始化页面大小。 |
10 |
| total |
number |
初始化总记录数。 |
0 |
| data |
array |
要加载的数据。 |
[ ] |
事件列表
| 名称 |
参数 |
作用描述 |
| update |
items |
更新当前页数据时触发。 |
| pageChange |
pageNumber, pageSize |
当页面更改时触发。 |
| bodyScroll |
left, top, items |
当主体滚动时触发。 |
注：
- 继承： None 。
使用方法
<VirtualScroll style="height:250px"
:data="data"
:total="total"
:pageSize="pageSize"
:rowHeight="rowHeight"
@update="items=$event">
<div v-for="item in items" :key="item.id" class="item f-row">
<div class="num">{{item.id}}</div>
<div>
<div class="name">{{item.name}}</div>
<div class="desp">{{item.desp}}</div>
</div>
</div>
</VirtualScroll>