加载更多

介绍

LoadMore 是一个加载列表数据组件

引入

import Vue from 'vue';
import LoadMore from '@lambo-design-mobile/load-more';

Vue.use(LoadMore);

代码演示

基础用法

<load-more :dataUrl="dataUrl" :params="searchForm" />

export default {
    data() {
        return {
            rows: [],
            dataUrl: '',
            searchForm: {}
        }
    }
}

Props

| 参数 | 说明 | 类型 | 默认值 | 版本 | |------|-----------------------------|----------|-----|------| | dataUrl | 服务地址 | string | - | - | | params | 查询参数 | object | - | - | | offset | 滚动条与底部距离小于 offset 时触发load事件 | number | 50 | - | | limit | 一次加载的数据量 | number | 10 | - | | finishedText | 加载完成后显示文本 | string | 没有更多了 | - |