各位前辈们问一下小程序循环出来的图片如何增加点击事件跳转不同页面?
主要是看你获取到循环的数据是怎么样的,如果是一个图片对应一个 跳转的url ,
例如 [ {imgurl:'',linkurl:''},{imgurl:'',linkurl:''}] 这样的数据,
wxml 写成 <image class='evet_two' bindtap="eventTap" data-navigate="{{item.linkurl}}" src="{{item.imgurl}}">,
js 创建 函数
eventTap: function (event) {
console.log(event);
app.openWeb(event.currentTarget.dataset.navigate);
},
如果无指定的url 只能通过判断,index 或者name 来进行区分,
你也可以把你的代码贴出来看一下
你这是点击的时候触发它循环每一项的索引,也就是拿到他点击的每一项,然后怎么判断它跳转路由navigateTo呢,是怎么让他点击的每一项等于它的本身循环索引值吗,方便的话能加你一下微信吗?我微信号dishenyuzai
这是我的代码部分
<!-- 轮播图 -->
<view class="swiper_box">
<swiper autoplay="{{switchIndicateStatus}}" bindchange="swiperChange"
circular="{{xianjieslide}}" current="{{swiperCurrent}}" interval="4000" class="big_swiper">
<swiper-item s-for="{{user.photos}}">
<image src="{{item}}" mode="scaleToFill"></image>
</swiper-item>
</swiper>
<!-- 自定义轮播图的点 -->
<view class="dots">
<block s-for="{{user.photos}}" s-for-index="unique" s-key="unique">
<!-- 点击轮播图的点 -->
<view class="dot {{swiperCurrent==unique?'homeactive':''}}" bindtap="dotchange" id="{{unique}}">
</view>
</block>
</view>
</view>
方便的话微信沟通一下
小程序不太熟悉,不过既然是循环出来的,那就应该可以取到当前的index之类的东西,来区分跳转吧?
有类似于a 标签的东西,如果是直接跳就用这个吧。
谢谢,不是直接跳那种我这是轮播图跳,只能在js里写判断它点击每一项索引值,不知道怎么写.