小程序列表切换较快，不同列表数据重复加载，这个问题怎么解决？ - WXOPEN Club

//快速切换头部，列表2的数据，可能会追加到列表1中，列表1的数据没来的及清空。

//头部切换
  onNavBar(e) {
    let navIndex = e.detail.setIndex;
    this.setData({ navIndex, showScreen: false, page: 1, list: [], hasMore: null });
    this.getOrderList();
  },

//查询用工单审批列表
  getOrderList() {
    let reqData = {};
    let lock = this.data.lock;
    if (lock) {
      return;
    }
    reqData.page = this.data.page;
    reqData.status = this.data.navIndex;
    if (this.data.cdIds) {
      reqData.cdIds = this.data.cdIds;
    }

    this.setData({ pageState: 'frame', lock: true })
    orderModel.getList(reqData).then(res => {
      const tempArray = this.data.list.concat(res.resultData.records);
      const dataState = tempArray.length > 0 ? 'finish' : 'empty';

      this.setData({
        lock: false,
        list: tempArray,
        pageState: dataState,
        hasMore: res.hasMore
      })

    }).catch(err => {
      this.setData({ pageState: 'error', lock: false })
    })
  },

7 回复

lihou1 楼6 年前

给getOrderList加一个参数，如果切换了tab就就const tempArray =res.resultData.records;没切换tab就const tempArray =this.data.list.concat(res.resultData.records);

nawang2 楼6 年前

每setdata一次，调一次

wx.showLoading({
  title: '加载中',
    mask:true
})了解一下。

yanqin3 楼6 年前

使用wx:if试试

jing964 楼6 年前

不能把list分开么？

ganghou5 楼6 年前

setData完在去请求列表， setData的回调函数了解一下

guiyingshi6 楼6 年前

是不是onNavBar中this.setData({list:[]})之后加个if判断，判断list为空后再调用就好了

yxiao7 楼6 年前

恕我愚钝，你这加载的list有区别吗？