行数据懒加载
基础用法
| 属性 | 值 | 说明 |
|---|---|---|
| :lazy | true/false | ture:启用懒加载,false:关闭懒加载 |
| :load | 函数名 | 指定一个函数,用于获取加载行数据 |
html示例:
<yui-table
:rowData="rowData数据对象"
:headerData="headerData数据对象"
:controlAtrr="controlAtrr数据对象"
:lazy="true"
:load="load"
>
</yui-table>
vue.js示例
<script lang="ts">
methods: {
// 懒加载处理函数
load(tree, treeNode, resolve) {
// 模拟从后台获取的数据,实际中这里调用接口数据
setTimeout(() => {
resolve([
{
id: 31,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
id: 32,
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}
])
}, 1000)
},
}
},
</script>
效果

