【微信小程序】—— 为什么上拉加载后会返回顶部

版权声明:帮我点个赞吧!么么哒!(〃` 3′〃)写作仓促,有疏漏之处还请指正,不甚感激! https://blog.csdn.net/LimonSea/article/details/81872863

我下面的代码是没有问题的,确实每次都能加载到,但是都会重回顶部 

注:下面的代码不能直接用,有一些变量没有贴上来

//上拉加载下一页商品
  onReachBottom: function() {
    console.log('--------上拉加载--------');
    this.getGoods(page);
  },

//刷新列表
  getGoods: function(page) {
    var that = this;

    if (isfinish) return;

    wx.showLoading({
      title: '正在加载',
    })
    wx.request({
      url: '',
      data: {
        endtime: util.formatTime(new Date),
        currentpage: page,
        process: 1,
        // condition:that.data.condition
      },
      header: getApp().globalData.header,
      method: 'POST',
      dataType: 'json',
      success: function(res) {
        console.log(res.data);
        if (res.data.pojo.currentpage <= res.data.pojo.totalpage) {
          //声明一个goods对象指向页面中的goods
          var goods = that.data.goods;
          for (var i = 0; i < res.data.pojo.pojo.length; i++) {
            goods.push(res.data.pojo.pojo[i]);
          }
          //更新页面数据
          that.setData({
            goods: goods
          });
          console.log(that.data.goods);
          page++;
          if (res.data.pojo.currentpage == res.data.pojo.totalpage) {
            isfinish = true;
          }
        }
      },
      complete: function() {
        wx.hideLoading();
        wx.stopPullDownRefresh();
      }
    })
  },

那么到底是为什么呢?经过我很久的寻找,是在wxml文件中:

不可以用scroll-view来装我们动态wx:for的数组!

正确代码如下:

 <view>
  <block wx:for="{{goods}}" wx:key="goodsid">
    <!-- 使用模板 -->
      <view data-info="{{item}}" bindtap="todetail">
        <template is="goods" data="{{item}}"></template>
      </view>
    </block>
  </view>

 

 

希望我的记录能够帮到你~ 喜欢请点赞!


谢谢你看到这里!写作仓促,有疏漏之处还请评论指正,共同探讨进步!


 

展开阅读全文

没有更多推荐了,返回首页