小程序
小游戏
企业微信
微信支付
扫描小程序码分享
使用上述代码,渲染出几个列表元素,bindtap="", 这个事件如果直接写到view 标签中,则点击的时候,每个组件都会触发事件,如何实现点击哪个组件,只有被点击的组件触发事件?谢谢各位大神。
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
wxml代码
<
view
bindtap
=
"onClick"
wx:for
"{{array}}"
>
text
data-id
"{{index}}"
>{{index}}:{{item.message}}</
</
js中的代码
onClick:function(event){
onClick:
function
(event){
//获取子元素的id
console.log(event.target.dataset.id);
//获取view元素
console.log(event.currentTarget.dataset.id)
}
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
wxml代码
<viewbindtap="onClick"wx:for="{{array}}"data-id="aaa"><textdata-id="{{index}}">{{index}}:{{item.message}}</text></view>js中的代码
onClick:function(event){//获取子元素的idconsole.log(event.target.dataset.id);//获取view元素console.log(event.currentTarget.dataset.id)}