解決小程序多層嵌套點擊事件重複或者失效問題
問題描述:當列表有多層級分類,包含關係,且每層上都有點擊事件,這時候點擊父組件會觸發子組件時間,或者點擊子層級的也會觸發父層級的點擊事件,多次觸發。
解決描述:bindtap 和catchtap 點擊事件。在父級使用bindtap,在子組件使用catchtap進行冒泡時間阻斷處理
例子:
<view class="chooseList" wx:for="{{item.brands}}" wx:key="index" bindtap="rotateAnim" data-item="{{item}}" data-index="{{index}}">
<view style="display: flex;">
<view class="chooseListL">
<view class="chooseListLCon">
<image src="{{carImgUrl}}{{item.image}}"></image>
</view>
</view>
<view class="chooseListR {{curClass.gcName === item.brandName? 'cur':''}}">{{item.brandName}}</view>
</view>
<!-- 二級菜單-廠商 -->
<view hidden="{{item.childShow}}" class="chooseCarChild">
<view class="factoryName" wx:for="{{item.factoryList}}" wx:key="{{item.factoryid}}" data-item="{{item}}" catchtap="setCarChild">
<view class="{{curClass.gcName === item.factoryName? 'cur':''}}">{{item.factoryName}}</view>
</view>
</view>
</view>