1. 程式人生 > 實用技巧 >微信小程式列表item繫結監聽方法

微信小程式列表item繫結監聽方法

<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的資料

至此,渲染列表 點選監聽問題結解決了