首页 > 其他分享 >vant2 List 组件 下拉加载 onLoad

vant2 List 组件 下拉加载 onLoad

时间:2022-10-13 19:45:27浏览次数:70  
标签:onLoad res List list finished vant2 data 加载

ps:loading finished onl oad 两个变量一个函数 ;

 async onl oad() {
      console.log("onload");
      // 异步更新数据
      // setTimeout 仅做示例,真实场景中一般为 ajax 请求
      // 加载状态结束
      this.page += 1;
      const res = await getNewArtApi({
        page: this.page,
        limit: 10,
      });
      //   console.log(res.data.list.data);
      // 请求不到数据 return
      if (res.data.list.data === 0) return (this.finished = true);
      // 服务器没有数据了停止加载 不然会一直加载 造成服务器停滞
      if (res.data.list.data.length < 10) this.finished = true;
      this.newArtList = [...this.newArtList, ...res.data.list.data];
      this.loading = false;
    },

标签:onLoad,res,List,list,finished,vant2,data,加载
From: https://www.cnblogs.com/zhulongxu/p/16789409.html

相关文章