需求:手指触控上下滑动切换图片,图片是预加载的,每滑动一次,从列表中取出一条显示在当前页面。【微信小程序问答】微信小程序的数组赋值问题&微信小程序开发教程。
问题:微信小程序上下滑动在当前页面只能生效一次,而且重点是下拉没有生效,上划只能生效一次。求各位大神帮忙看看。
源码:
页面:
上下滑动可切换图片哦
js
huaDong: function (index) {
var that=this;
var data = this.data.dataList[index];
that.setData({
imgUrl: data.url,
imgid: data.imgId,
});
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
wx.showNavigationBarLoading();
this.huaDong(this.data.currentIndex - 1);
wx.hideNavigationBarLoading() //完成停止加载
wx.stopPullDownRefresh();
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
wx.showNavigationBarLoading();
this.huaDong(this.data.currentIndex+1);
wx.hideNavigationBarLoading() //完成停止加载
wx.stopPullDownRefresh();
},
本文网址:http://www.91bianli.com/kaifazhinan/73370.html