微信小程序轮播图点击其中如何一张图片为什么一直显示第一张?
<swiper current="{{current}}" display-multiple-items="number" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="true">
<view wx:for="{{imgUrls}}">
<swiper-item bindtap="previewImage">
<image src="{{item.url}}" class="slide-image"/>
</swiper-item>
</view>
js部分
indicatorDots: true, //小点
autoplay: true, //是否自动轮播
interval: 4000, //间隔时间
duration:500,
imgUrls: [
{
url: 'http://i2.tiimg.com/710528/6d8db882b4d98cd5.jpg'
}, {
url: 'http://i1.fuimg.com/710528/783e28093fc650f0.jpg'
}, {
url: 'http://i2.tiimg.com/710528/3ea1d72d1825c991.jpg'
}
],
},
previewImage: function (e) {
var item = e.currentTarget.dataset;
var imgUrls = e.currentTarget.dataset;
//图片预览
wx.previewImage({
current:imgUrls, // 当前显示图片的http链接
urls: ['http://i2.tiimg.com/710528/6d8db882b4d98cd5.jpg', 'http://i1.fuimg.com/710528/783e28093fc650f0.jpg', 'http://i2.tiimg.com/710528/3ea1d72d1825c991.jpg'] // 需要预览的图片http链接列表
})
console.log(e)
},
y一直出不来效果,求大哥指点一下是哪里的问题,需要怎么修改
3 回复