在vue中應(yīng)用better-scroll，初始化是OK的，在我根據(jù)條件篩選數(shù)據(jù)后，組件中數(shù)據(jù)發(fā)生變化，則調(diào)用refresh，在控制臺中打印結(jié)果發(fā)現(xiàn)解析有誤，導(dǎo)致內(nèi)容不能滾動。
篩選數(shù)據(jù)這個行為可以類比網(wǎng)購時對品牌價格等條件的篩選。

this.$ajax.get(this.httpUrl, {
  //this.hrrpUrl為請求路徑
  params: {
    //拼接在URL中的參數(shù)，此處略去
    //根據(jù)條件篩選數(shù)據(jù)事，里面有些參數(shù)的值會發(fā)生變化
  },
}).then((res) => {
  const returndata = res.returndata;
  if (!returndata.status) {
      this.dataList = returndata.data;
  if (this.dataList && this.dataList.length) {
    setTimeout(() => {
      if (!this.scroll) {
        console.log('初始化');
        this.scroll = new BScroll(this.$refs.goodsList, this.scrollObj);
        //this.scrollObj存儲在data中，內(nèi)容為click: true,probeType: 2,
        console.log(this.scroll);
        this.scroll.on('touchEnd', (pos) => {
          // 下拉動作
          if (pos.y > 30) {
            this.pageNum = 1;
            this.getData();
          } else if (pos.y < this.scroll.maxScrollY - 30) {
            // 上拉動作
            if (this.pageNum < this.totalPage) {
              this.pageNum += 1;
              this.loadMore = true;
              this.getData();
            }
          }
        });
      } else {
        console.log('refresh');
        this.scroll.refresh();
        console.log(this.scroll);
      }
    }, 200);
  }
});

下圖為控制臺打印結(jié)果

下圖為初始化打印結(jié)果

下圖為refresh后打印結(jié)果