小程序下拉列表 循环点击事件

<!--下拉列表-->

<view class='lists' bindtap="selectTap" wx:for="{{item}}" wx:key="key" wx:for-item="item" data-key='{{index}}' >

     <view class='listsview'>

         <text class='liststxt'>{{item.name}}</text>

         <image class="downimg {{show && state==index &&'select_img_rotate'}}" src="{{item.img}}"></image>

     </view>

     <view class="{{show && state==index?'actives':'defaults'}} ">

         <text class='showtxt'>{{item.nameshow}}</text>

      </view>

</view>

 

 

/**js**/

selectTap(e) {//展开 收缩

     console.log(e.currentTarget.dataset.key)  ////打印点击当前列表

     this.setData({

         show: !this.data.show,

         state: e.currentTarget.dataset.key ///当前点击的列表

     });

},