swiper懒加载应该如何处理？

来源：8-7 读取器的巧妙应用

萧俊介

2017-08-02

 <!-- 标签页 -->
  <view class="swiper-tab">
    <view class="swiper-tab-text">News</view>
    <view class="swiper-tab-show">
      <block wx:for="{{movies}}" wx:key="">
        <view class="swiper-tab-list {{currentTab==index ? 'on' : ''}}" data-current="{{index}}" data-classnews="{{item.id}}" bindtap="swichNav">{{item.title}}</view>
      </block>
    </view>
  </view>

  <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:968rpx" bindchange="bindChange">
    <swiper-item wx:for="{{movies}}" wx:key="">
      <template is="indexNewItemList" data="{{currentTab==index ? 'newname' : ''}}" />
    </swiper-item>
  </swiper>

我所想到的方法就是这样进行判断

data="{{currentTab==index ? 'newname' : ''}}

但这写会报错。

我不想一次就加载来出，而是根据当前的index懒加载应该如何处理？

写回答

1回答

7七月

2017-08-02

swiper这个有一个当前位置的事件啊，你可以从事件里取到当前序号。

萧俊介

swiper懒加载的时候，当前页面传入的Data值和非当前页面传入的Data值应该需要不一样，对吧。我能想的的就是bindchange触发后，用一个currentTab变量来存放当前页的index。然后在data="{{currentTab==index ? 'newname' : ''}}这个地方判断，当循环的index等于当前页面的index时就加载名为newename的数据，否则就什么都不传。那么就只有当前页有数据，其他页应该会什么都不加载。当滑动触发bindchange后，才会再加载对应的页面。

2017-08-03

共1条回复

微信小程序电商实战从前端到后端的全流程精讲

全栈工程师/前后端都讲/架构思想/ RESTFul API、MySQL表设计

4805 学习 · 4382 问题

查看课程

相似问题

如果接口返回错误信息，eCallback里面该如何处理，还要在model.js里面的eCallback里面再写个回调函数么

回答 1

输入中文字符后，如何异常处理

回答 1

一次加载，调用多个setData，提示warning了，这样的情况一般如何处理？

回答 3

讲师您好！关于异常处理的问题

回答 3

老师，如何处理版本问题？

回答 1

打开慕课网App查看更多内容