微信小程序swiper如何获得当前页面的index
2017-12-13 20:24
405 查看
想要实现的效果:(滑动时显示当前页面index)
看小程序的官方文档
代码:index.wxml
<swiper class='sw-tu' circular="true" current="0" bindchange='onSlideChangeEnd'>
<swiper-item class="sw-tuone" wx:for="{{list.img2}}">
<image class='sw-photo' src="{{item}}" />
</swiper-item>
</swiper>
index.js
看小程序的官方文档
代码:index.wxml
<swiper class='sw-tu' circular="true" current="0" bindchange='onSlideChangeEnd'>
<swiper-item class="sw-tuone" wx:for="{{list.img2}}">
<image class='sw-photo' src="{{item}}" />
</swiper-item>
</swiper>
index.js
data: { index: 1, }, onSlideChangeEnd: function (e) { var that = this; that.setData({ index: e.detail.current + 1 }) },
相关文章推荐
- 微信小程序swiper滑动页面实践-类似于安卓ViewPager
- 微信小程序 如何把小程序页面保存至用户相册
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- VC:如何获得当前程序的视图,文档指针
- 微信小程序中如何实现页面的跳转
- js父子窗口传值以及当前页面在js前台如何获得url参数
- 微信小程序之分享页面如何返回首页的示例
- 如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
- 微信小程序swiper滑动页面
- 如何在VC程序中获得当前显示器的分辨率
- 微信小程序 如何在页面直接传递信息 / 通信方法 / 附带项目案例
- 微信小程序swiper滑动页面实践-类似于安卓ViewPager
- 在Linux下如何在程序中获得当前调用栈信息
- 微信小程序如何与java后台交互,获取json数据显示到页面,求大神指点
- 微信小程序:如何创建一个小程序页面?
- jQuery如何实现点击页面获得当前点击元素的id或其他信息
- 在微信小程序里自动获得当前手机所在的经纬度并转换成地址
- 如何获得当前执行程序所在的路径
- 微信小程序页面返回时如何传值?