在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ better-scroll,refresh后解析有誤

better-scroll,refresh后解析有誤

在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é)果

clipboard.png

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

clipboard.png

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

clipboard.png

回答
編輯回答
傻丟丟

dom響應(yīng)數(shù)據(jù)變化重新渲染也需要一定時間的,你可以嘗試使用定時器中進(jìn)行refresh操作。

2017年5月1日 04:38
編輯回答
墨沫

那個啥, 現(xiàn)在better-scroll提供了下拉,上拉功能。當(dāng)確認(rèn)數(shù)據(jù)加載完成后,執(zhí)行finishPullDown()即可

2017年6月13日 05:00