uview-plus SwipeAction 滑动单元格怎么手动关闭

1 篇文章 0 订阅
1 篇文章 0 订阅
文章讲述了作者在项目中遇到滑动单元格的样式问题,通过深入研究源码,发现关键在于`closeSwipeAction`函数,该函数在按钮操作后调用关闭滑动单元格的方法,从而解决了问题。
摘要由CSDN通过智能技术生成

因为项目中要用到滑动单元格,按钮操作后不关闭,样式就有问题,加了官方QQ群没无结果,后来自己琢磨了好多天,终于看源码解决了;

这个是关键:

源码:

<u-swipe-action-item :options="options"  @touchend="onTouchEnd(item,$event,index)"></u-swipe-action-item>

<script>
    const moveIndex = ref(-1); //用于记录滑动下标
    function onTouchEnd(item,e,index){
		moveIndex.value = index;
    }
//这个方法是重点
    function  closeSwipeAction() {
		let test = 'swipeAction' + moveIndex.value
		if (moveIndex.value != -1) {
			alert(1111)
			ctx.$refs[test][0].closeHandler(true) 
	   }
	}
//按钮操作后关闭滑动单元格
function click(){
...........
closeSwipeAction()
}
</script>

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值