vant 的list组件在下拉请求

   <van-list offset="50" :loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
                <div v-for="item in list " :key="item.id" class="list-item">

data

    data() {
        return {
            params: {
                createUserId: '', // 抄表人id
            },
            queryForm: {
                pageNum: 1,				// 分页
                pageSize: 10,
                orderBy: 'reading_time DESC'			// 每页条数
            },
            loading: false, 		// 是否处在加载状态
            finished: false, 		// 是否已加载完成
            error: false, 		// 是否加载失败
            list: [],				// 列表
            total: 0,				// 数据总条数
        }
    },

js

        onLoad() {
            const params = Object.assign({}, this.queryForm, {
                params: JSON.stringify(this.params),
            })
            this.loading = true
            getList(params).then((res) => {
                const { data } = res
                console.log('data', data)
                let list = window._.get(data, 'list', [])
                this.list = this.list.concat(list)
                if (data.pages == this.queryForm.pageNum || data.pages == 0)
                    this.finished = true;
                this.queryForm.pageNum++
            }).finally(() => {
                this.loading = false
            })
        },

        // 加载失败调用方法
        onRefresh() {
            console.log('onRefresh')
            this.finished = false; 		// 清空列表数据
            this.queryForm.pageNum = 1;				// 分页数赋值为1
            this.list = [];				// 清空数组
            this.onLoad(); 				// 重新加载数据
        },```