Vue EasyUI 虛擬滾動條

2020-06-24 11:38 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
lazy boolean 是否延遲加載數(shù)據(jù)。 false
rowHeight number 行高。 32
pageNumber number 初始化頁碼。 1
pageSize number 初始化頁面大小。 10
total number 初始化總記錄數(shù)。 0
data array 要加載的數(shù)據(jù)。 [ ]

事件列表

名稱 參數(shù) 作用描述
update items 更新當前頁數(shù)據(jù)時觸發(fā)。
pageChange pageNumber, pageSize 當頁面更改時觸發(fā)。
bodyScroll left, top, items 當主體滾動時觸發(fā)。

注:
- 繼承: None 。

使用方法

  1. <VirtualScroll style="height:250px"
  2. :data="data"
  3. :total="total"
  4. :pageSize="pageSize"
  5. :rowHeight="rowHeight"
  6. @update="items=$event">
  7. <div v-for="item in items" :key="item.id" class="item f-row">
  8. <div class="num">{{item.id}}</div>
  9. <div>
  10. <div class="name">{{item.name}}</div>
  11. <div class="desp">{{item.desp}}</div>
  12. </div>
  13. </div>
  14. </VirtualScroll>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號