700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 微信小程序中wxml中用data-id传出的数据在js中的获取方法

微信小程序中wxml中用data-id传出的数据在js中的获取方法

时间:2018-11-15 21:12:03

相关推荐

微信小程序中wxml中用data-id传出的数据在js中的获取方法

wxml:

view bindtap=“touch” data-id="{{id}}"

//{{id}}这里的id为js里面设置的数据;

需要注意的是,这里的data-后面的值是不区分大小写的。获取值是只能用小写获取,页面传值大小写不作区分

js:touch:function(e){var id = e.target.dataset.id;console.log(id);}

这样就可获取到前台页面通过点击事件传过来的值了。

①e.currentTarget 代表的是,注册了监听点击事件的组件。在本例中,就是外层的View(包含了两个TextView).②e.target 代表的是,实际触发了点击事件的组件。(因为注册点击监听事件的组件,是整个外层View,点击View中的任何部位,都会触发View注册的方法)

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