vant PullRefresh搭配List 快速实现下拉刷新上拉加载

最新推荐文章于 2024-09-06 10:16:32 发布

番茄蛋饭25块半

最新推荐文章于 2024-09-06 10:16:32 发布

阅读量1.2k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/eternity1926/article/details/115726579

版权

vue 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

//控制加载参数
            loading: false,//加载
            finished: false,//加载结束,没有更多了
            refreshing: false,//刷新
            list: [],//数据
//加载数据
                loadPost() {
                if (this.refreshing) {
                    this.list = []
                    this.refreshing = false
                }
                get('/getArticleList/', this.query, {
                    Type: this.type,
                    Id: this.type == 'project' ? this.pid : this.bid
                }).then(res => {
                    console.log(res)
                    this.loading = false
                    if (res.data.length == 0) {
                        console.log('加载完了')
                        this.finished = true
                        return false;
                    }
                    this.list = this.list.concat(res.data)
                    this.query.page++
                })
            }
//刷新
            onRefresh() {
                // 清空列表数据
                console.log('刷新')
                this.finished = false
                this.query.page = 1
                this.loading = true
                this.loadPost()
            }