使用vantui的van-list，上拉只能加载一次问题总结

最新推荐文章于 2023-10-08 11:06:41 发布

skrskr_one

最新推荐文章于 2023-10-08 11:06:41 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端技术

本文链接：https://blog.csdn.net/m0_37655944/article/details/109226179

前端技术专栏收录该内容

7 篇文章

订阅专栏

在Vue应用中，发现van-list的load方法只执行一次。问题在于加载完成后，loading状态未重置。解决方案是在数据加载完后手动将loading设为false，确保在更多数据存在时能继续触发加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

van-list @load方法只生效一次

经给仔细的检查和阅读官方给的介绍，找到了根本原因
在这里插入图片描述
每一次@load里面方法执行完毕，loading这个参数就会变成true所以就不会再次发送请求了，所以每次异步请求了数据，如果还有数据需要把loading的状态改成false

getList(){
      var that = this;
      let query = this.query
      query.user_location = this.user_location
      getEarthquakeList(query).then(res => {
        this.notice.push.apply(this.notice, res.result.data);
        this.total = res.result.total
        if(this.total == this.notice.length) {
          this.finished = true;
        } else {
          this.finished = false
          this.loading = false
        }
      })