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>

Vue EasyUI 虚拟滚动条

属性列表

事件列表

使用方法

推荐文章

推荐教程

最新教程