Vue EasyUI 虛擬滾動條

2020-06-24 11:38 更新

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
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 更新當(dāng)前頁數(shù)據(jù)時(shí)觸發(fā)。
pageChange pageNumber, pageSize 當(dāng)頁面更改時(shí)觸發(fā)。
bodyScroll left, top, items 當(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>
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號