van-list上划刷新问题

最新推荐文章于 2024-04-12 17:35:46 发布

小白_起航

最新推荐文章于 2024-04-12 17:35:46 发布

阅读量288

点赞数

分类专栏： vant vue 文章标签：前端

本文链接：https://blog.csdn.net/xiaobai_qihang/article/details/128453928

版权

vant 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

vue

1 篇文章 0 订阅

订阅专栏

最近在用vant写移动端，遇到刷新问题在此记录----共勉。其实是一个小问题，官网上写了计时器，其实自己请求的时候直接可以定义页码为0；上代码：
data()里面：

systemData: [], // 数据
 PageInfo: {
    current: 0,
    size: 10,
 },
  TotalCount: 0,// 总数

方法：

onLoad () {
      this.PageInfo.current++;  // 这里直接++，也不用在created、mounted等里面请求数据
      this.getInitDataFun()  // 请求数据
    },
===========================
// 获取数据
    getInitDataFun () {
      getResultList(this.PageInfo).then((res) => {
        if (res.data.success) {
          const resData = res.data.data;
          this.TotalCount = resData.total;
          resData.records.map(iterm => {
            this.systemData.push(iterm)
          })
          this.loading = false;
          if (this.systemData.length >= this.TotalCount) {
            this.finished = true;
          }
        } else {
          this.systemData = [];
        }
      });
    },

这样就ok了！