行数据懒加载

基础用法

属性说明
:lazytrue/falseture:启用懒加载,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>

效果

图片lazyLoading

Last Updated:
Contributors: wangyifan