uview组件库中滑动单元格左滑踩坑

已于 2022-11-26 17:39:41 修改
阅读量1.4k 收藏 3
点赞数 6
分类专栏： u-view 文章标签： 前端
于 2022-11-26 14:11:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55778010/article/details/128051423
版权

bug复现：假设有两个内容，也就是两行可以左滑删除的内容，当你左滑删掉第一个的时候，它的下一个会是一个左滑删除的状态，特别影响用户体验。

项目文件路径：uni_modules/uview-ui/u-swipe-action-item里面

u-swipe-action-item.vue的文件有一个buttonClickHandler方法
在添加一句this.status='close'  即可解决

 

这个组件的源码已上传资源，不建议我们修改依赖包中的组件，防止uview官方进行修改，导致报错，这是个安全隐患，最佳方式为：将官方左滑组件拉出来作为自己的组件使用，然后修改，这样以后最起码不会因为官方的修改而导致报错问题

@热心市民王大白
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
uview左滑组件 group-swipe-action-item：修复bug，左滑删除当前行，下一项自动打开左滑删除场景
11-26
修复bug，左滑删除当前行，下一项自动打开左滑删除场景
u-view 里面使用 u-list组件配合 u-swipe-action组件导致页面无法正常下拉的bug
qq_48038530的博客
08-04 833
u-view 里面使用 u-list组件配合 u-swipe-action组件导致页面无法正常下拉的bug
uview.2的SwipeAction 滑动单元格 点击删除或收藏，不关闭，点击删除后。
m0_74132533的博客
04-24 2216
uview.2的SwipeAction 滑动单元格 点击删除或收藏，不关闭，点击删除后。
解决uview中 左滑删除上面的滑块 下面的是打开状态
qq_34093387的博客
04-12 281
增加第139行的代码即可。
vue实现左滑删除功能
huaqishen123的博客
12-16 1564
此贴为转载贴，感谢@a57521大牛的文章 文章链接：https://blog.csdn.net/weixin_42618523/article/details/102719197?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFr
uniapp uView现实左滑删除,收藏效果
weixin_47092531的博客
09-29 1378
uView现实左滑删除,收藏效果
uView——滑动单元格
努力、拼搏、奋进
10-09 2038
uView——滑动单元格
使用uicollectionview 实现单元格滑动吸附效果
aili8378的博客
03-07 699
项目中遇到的需求,需要作出每个单元格必须完全显示. 使用uicolectionview可以实现: collectionview的布局全部由UICollectionViewFlowLayout控制. UICollectionViewFlowLayout的一个方法控制滑动结束单元格的停止位置: -(CGPoint)targetContentOffsetForProposedConte...
uview组件源码，含样式
08-26
uview组件源码，含样式
uniapp集成colorUI uView组件库 vuex全局变量管理
05-11
uniapp集成colorUI uView Vuex uVIew集中管理API，请求响应拦截器，工具类封装
UI开发第八篇——ViewFlipper 左右滑动效果
07-03
UI开发第八篇——ViewFlipper 左右滑动效果UI开发第八篇——ViewFlipper 左右滑动效果
PhotoView 左右滑动查看图片，可放大、缩小、点缩略图全屏预览
03-22
photoView 可以左右滑动图片、放大缩小、类似朋友圈图点小图全屏预览
FSCSwipeCell:可以向左或向右滑动以执行操作的表格视图单元格
06-21
FSCSwipeCell 安装 FSCSwipeCell 可通过。 要安装它，只需将以下行添加到您的 Podfile 中： pod "FSCSwipeCell" 它是什么？ 该组件旨在使可滑动单元格的行为符合人们的预期，而无需控制向左或向右滑动时出现的内容。 它能做什么 当用户向左或向右滑动时，在表格视图单元格下显示其他视图（您提供的） 处理使用距离和速度阈值打开/关闭单元格的物理过程 通知（可选）委托单元格状态的所有更新，例如： 左/右视图即将显示（可选择取消它并保持“关闭”） 单元格已被刷过任意距离 单元格已完成关闭（因为用户滑动它关闭，或者没有滑动超过阈值） 重新利用标准UITableViewCell的contentView ，因此支持所有表格视图样式 允许您在显示它们之前立即分配leftView或rightView ，因此您可以为所有单元格重复使用一个视图 它不做什么
uniapp使用uview组件实现省市区三级联动
06-29
uniapp使用uview组件实现省市区三级联动； 文件下载后，需要在项目中引入uview组件方可使用； 数据附带在文件中
基于uView封装的地址选择弹框组件
最新发布
03-04
基于uView封装的地址选择弹框组件
uViewUI SwipeAction滑动单元格关闭侧滑菜单
LEON_RAY
07-21 534
调用closeHandler()方法。
uniapp Vue 微信小程序 左滑出现删除按钮
weixin_58416385的博客
11-09 1567
简单的左滑删除 功能 具体功能实现 所有注解已经在代码里注释说明 地址皆为 测试地址(请勿当真！）希望能帮到有需要的人。 可以少 "踩坑"。 转载请注明来源 谢谢 1.HTML <template> <view class="index"> <view class="AddRess" v-for="(item,index) in Addresslist" :key="item.id" @touchstart="touchS($event,i...
listView的item向左滑动实现删除
u012123938的专栏
02-21 4342
有一种删除功能是这样的： ListView的item向左滑动，实现删除功能 注释很清楚，简单明了 1.自定义LeftDeleteView.java继承HorizontalScrollView.java public class LeftDeleteView extends HorizontalScrollView { private int start;//开始滑动的
vue移动端实现左滑编辑与删除的全过程
knight5172的博客
08-12 600
前言 根据项目需要使用Vue-touch 实现了一个vue移动端的左滑编辑和删除功能，废话不多说，先看效果图，然后上代码吧！ 方法如下： 第一步：安装vue-touch npm install vue-touch@next --save 第二步：main.js 中引入 import VueTouch from 'vue-touch'; Vue.use(VueTouch, { name: 'v-touch' }); 第三步：使用（用v-touch包住你要左滑删除的内容） &l
uview组件库的u-textarea组件，使用linechange不生效
07-14
对于uview组件库中的u-textarea组件，使用linechange事件时无法生效的问题，可能是由以下几个原因导致： 1. 检查是否正确绑定了linechange事件。确保在u-textarea组件上使用@linechange="yourMethod"来绑定事件，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值