解決小程序多層嵌套點擊事件重複或者失效問題

解決小程序多層嵌套點擊事件重複或者失效問題

問題描述:當列表有多層級分類,包含關係,且每層上都有點擊事件,這時候點擊父組件會觸發子組件時間,或者點擊子層級的也會觸發父層級的點擊事件,多次觸發。
解決描述: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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章