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

html5 • • 微信开发技术 • 375 阅读 

<view class="bangDingItem" wx:for="{{oldManHistoryList}}" wx:key="id">
                <view class="bangDingTitle" bindtap="oldManListTap">
<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绑定监听方法

以上是微信小程序列表item绑定监听方法的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>