首页 > 微信 > 详细

微信小程序列表item绑定监听方法

时间:2020-09-10 19:38:16      阅读:80      评论:0      收藏:0      [点我收藏+]
<view class="bangDingItem" wx:for="{{oldManHistoryList}}" wx:key="id">
                <view class="bangDingTitle" bindtap="oldManListTap" data-source="{{item}}">
                    <wux-row>
                        <wux-col span="6" push="0">
                            <view class="icon ">
                                <wux-icon type="ios-paper" size="40rpx" />
                            </view>
                        </wux-col>
                        <wux-col span="6" pull="4">
                            <text class="name">
                                姓名:{{item.xinMings}}
                            </text>
                        </wux-col>
                    </wux-row>
                    <text class="idcardNum ">
                    身份证号:{{item.cardNumber}}
                    </text>
                </view>
            </view>

这是一个简单的列表生成代码,我们对item进行了bindtap绑定,那么如何在js点击里拿到当前item数据呢

查询wechat官方文档我们可以有点头绪

技术分享图片

 

在事件点击中我们可以在view属性里声明 data- + 一个关键字,这样在点击监听触发后,可以在js中取到当前item的数据了

    console.log(event.currentTarget.dataset.source)

这样将可以拿到整个item的数据

至此,渲染列表 点击监听问题结解决了

 

微信小程序列表item绑定监听方法

原文:https://www.cnblogs.com/fengfenghuifei/p/13647204.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!