100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序bindtap事件传参

微信小程序bindtap事件传参

时间:2023-11-01 13:42:43

相关推荐

微信小程序bindtap事件传参

1. 编写目的

介绍微信小程序中某个控件的点击事件bindtap触发时如何传参。

2. 例子

wxml文件中代码如下:这个图片点击事件会由img_smile函数来处理,并且传递过去一个参数smile,这个参数的值是smile every day。

<image class="image" src="{{img}}" bindtap='img_smile' data-smile='smile every day'/>

js文件如下:

img_smile: function (e) {var data = e.currentTarget.dataset.smile;console.log(data);}

运行后即可看到控制台输出 smile every day 。

3. 多个参数如何处理

同样的道理,我们传过去smile变量,写成data-smile,那么我们传过去cry变量,写成data-cry就可以了。以这种方式传递多个变量。

smileyan 2月23日

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。