小程序下拉列表 循環點擊事件


<!--下拉列表-->
<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 ///當前點擊的列表
     });
},


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM