微信展示列表效果借助於 wx:for
通常我們在靜態創建一個view或是button，他對應的點擊事件很簡單
我的頁面實例圖
.wxml文件代碼示例：
紅框里的都是每個view,對應綁定的點擊方法名字，接下來，我們在.js文件中分別來實現這些對應的點擊方法
那以上是靜態實現點擊事件，那列表的時候如何實現動態觸發點擊事件呢？
動態觸發點擊事件
給有點擊事件的組件添加一個 data-any 屬性，any可以是任意數據類型，any的名稱可以自己任意定義
這里有一個例子：
.wxml文件代碼：
這里的data-any，雙引號里的值，
item：表示對象全部的值
item.xx：表示數組中某一個對象當中對應的某個數據
index：表示數組下標
.js文件代碼
在if（indf==0）這里，因為.wxml文件中，定義的是index下標，那如果改成item，就可以寫成
if(indf.title=="全部訂單")，或者if(indf.index ==0)這樣
效果圖如下：
這里，在額外的講一下.js文件代碼圖片中，定義接收.wxml組件data中數據
var id = e.currentTarget.dataset.pid;
var indf = e.currentTarget.dataset.indd;
這里說一下.currentTarget和.target區別
e.currentTarget：指的是注冊了事件監聽器的對象
e.target：指的是該對象里的子對象，也是觸發這個事件的對象
作者：肉肉要次肉
鏈接：https://www.jianshu.com/p/fb618a61744c
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。