uni-swipe-action 滑动操作使用插槽多操作时IOS上操作错位

最新推荐文章于 2024-01-21 08:15:45 发布

头发旺盛的小白

最新推荐文章于 2024-01-21 08:15:45 发布

阅读量528

点赞数

文章标签： uni-app iphone ios 前端 html

本文链接：https://blog.csdn.net/m0_54239438/article/details/130314824

版权

通过在touchend事件上添加.stop.prevent修饰符如@touchend.stop.prevent=handleBtnClick可以解决点击后不关闭问题，但需在navigateTo的success回调中调用this.$refs.swipeAction.closeAll()手动关闭所有滑动操作项。

摘要由CSDN通过智能技术生成

使用@touchend.stop="handleBtnClick"可以解决这个问题，但不会自动收回去，在navigateTo的success方法中调用this.$refs.swipeAction.closeAll()就可以了。

<uni-swipe-action ref="swipeAction" >
	<uni-swipe-action-item
		style="margin-bottom: 24rpx;"
	        v-for="(item, index) in dataList"
			:key="index">
			<view class="item_wrapper"
                //页面
			</view>
			<template v-slot:right>
			    <view class="slot_btn">
					<view class="slot-section edit-btn" @touchend.stop.prevent="goEdit(item,index)">
						编辑
					</view>
                    <view class="slot-section delete-btn" @touchend.stop.prevent="deleteCruise(item,index)">
						删除
					</view>
				</view>
			</template>
	</uni-swipe-action-item>
</uni-swipe-action>