微信小程序 - wx:for绑定事件传递参数
前言想类似Vue一样在小程序中绑定事件时直接传入参数,发现在小程序中行不通。最后通过dataset曲线救国。代码<view class="ys-classification"><a class="ys-card" href="javascript:;" bindtap="onItemCl
·
前言
想类似Vue
一样在小程序中绑定事件时直接传入参数,发现在小程序中行不通。最后通过dataset
曲线救国。
代码
<view class="ys-classification">
<a class="ys-card" href="javascript:;" bindtap="onItemClicked" data-index='{{index}}' wx:for='{{shop.categories}}' wx:key="item.id">
<figure>
<image src="{{item.image}}"></image>
<figcaption>
{{item.text}}
</figcaption>
</figure>
</a>
</view>
在js
中
onItemClicked(event) {
if ([1, 2].includes(event.currentTarget.dataset.index)) {
wx.showToast({
title: '暂未开通,敬请期待.',
icon: 'none',
duration: 800
})
return
}else{
console.log('Todo: goto product page.')
}
}
ps:注意使用的是currentTarget而不是target,这两者的区别可以百度。
更多推荐
已为社区贡献16条内容
所有评论(0)