微信小程序开发遇到的一些问题和解决办法
轮播广告 给父元素绑定点击事件,点击子元素冒泡触发,获取当前轮播对象索引值(该方法旨在学习,开发中不可取,因为频繁setData可能会带来性能问题)
具体实现方法
父元素绑定change事件和tap事件,属性current做数据绑定。
原理:swiper的current属性自动记录当前轮播对象索引,默认值为0,每次轮播切换,current值也会对应改变,且会触发change事件,在change事件处理函数中通过e.detail.current获取索引值,再通过setData()赋给data中的变量current,这样我们就可以通过读取current知道当前的轮播对象是谁了。
这里我在tap事件处理函数getIndex中打印了索引值,结果完全符合我们的要求。
事件绑定
<swiper current="{
{current}}" bindchange="getCurrent" bindtap="getIndex">
<swiper-item>
<image src="../../assets/imgs/1.jpg"></image>
</swiper-item>
</swiper>
数据
data: {
current:0 //默认值为0
}
change事件处理函数
getCurrent:function(e){
var cur = e.detail.current; //