uview框架的SwipeAction列表滑动不了的问题

在使用uView UI框架的时候,用到的SwipeAction滑动单元格,在滑动单元格超出高度的时候,页面滚动不了,滚动不起作用了

在这里插入图片描述

这是为啥呢?

  • 开始,我以为是因为高度自适应问题,然后把高度设置死了,还是一样的效果

  • 随后,我又设置了overflow-y属性,还是不行

  • 不信邪的我去查看了一下组件对应的源码,一开始只看js部分,也找不到问题

  • 直到后来,看了一下u-swipe-action-item的css样式,发现了这个:

  • 在这里插入图片描述

  • 居然在app-vue跟微信小程序之外的环境都加入了这个属性,使得只能使用它写好的滑动事件

  • 在这里插入图片描述

  • 本着不修改源码,我就在使用组件的时候把它设置的属性给它覆盖掉,随后就可以滑动了

  • 在这里插入图片描述

  • 在我修改后,滑动是可以滑动了,但是在浏览器端的控制台报错了

  • 在这里插入图片描述

  • 我去App端控制台也报了一样的错误,大致意思就是滚动事件冲突了,因为这个组件就是依靠滑动事件进行实现的

  • 在这里插入图片描述

  • 要如何呢?首先,要知道为什么会触发,既然我在这个页面没有其他的滚动事件,我觉得有可能是因为系统默认事件导致的,所以我又去看了一下源码实现

  • 在这里插入图片描述

  • 在这个文件里面,包含了它对移动事件的实现,我在看它的移动实现的时候发现了这么一段代码

  • 在这里插入图片描述

  • 也就是在这里执行了默认事件禁止页面滚动,造成了跟页面滚动冲突,所以报错,因此,我对它进行了注释

  • 在这里插入图片描述

  • 报错没了

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值