屬性列表
名稱(chēng) |
數(shù)據(jù)類(lèi)型 |
作用描述 |
默認(rèn)值 |
lazy |
boolean |
是否延遲加載數(shù)據(jù)。 |
false |
rowHeight |
number |
行高。 |
32 |
pageNumber |
number |
初始化頁(yè)碼。 |
1 |
pageSize |
number |
初始化頁(yè)面大小。 |
10 |
total |
number |
初始化總記錄數(shù)。 |
0 |
data |
array |
要加載的數(shù)據(jù)。 |
[ ] |
事件列表
名稱(chēng) |
參數(shù) |
作用描述 |
update |
items |
更新當(dāng)前頁(yè)數(shù)據(jù)時(shí)觸發(fā)。 |
pageChange |
pageNumber, pageSize |
當(dāng)頁(yè)面更改時(shí)觸發(fā)。 |
bodyScroll |
left, top, items |
當(dāng)主體滾動(dòng)時(shí)觸發(fā)。 |
注:
- 繼承: 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>
更多建議: