小程式之使用for循環綁定item的點擊事件的實現

這篇文章主要介紹了關於小程式之使用for循環綁定item的點擊事件的實現，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

微信展示清單效果藉助於wx:for 

 簡單寫一個清單（wxml檔案中）：

　　

 對應的資料來源(js檔案中)：

#　　

寫一個點選監聽：

　　

 效果：

　　

以上、可以實現清單的item點擊效果，但是無法到點擊的item對應的資料來源資料

解決方法：

##給有點擊事件的元件新增一個data-any  屬性any可以是任意資料型別。

從下圖可以看出我們遍歷expertData數組，每一個item 定義為info， 在第二行最後加了一句 

data-bean="{{info}}"

　　

 接著修改點選事件：

　　

 發現可以用此方法移除點擊的item對應的資料對象，以及該物件中某個屬性值 

 　　控制台列印資訊：

#　　

 這樣就可以取得到清單展示資料中某一個item對應的資料了。

 以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

小程式之頁用九宮格及item跳轉的功能實作

##小程式之如何讓swiper元件來實現輪播圖的功能

以上是小程式之使用for循環綁定item的點擊事件的實現的詳細內容。更多資訊請關注PHP中文網其他相關文章！