解决uniapp使用三方四级联动插件ehPicker 配合uni-popup弹出层使用时出现无法滑动的问题

浪费了一天半的时间纠结在ehPicker 插件上,研究修改对比后要相信自己,排除插件本身原因,继续寻找其他问题突破,莫要浪费时间!!

出现问题的原因在uni-popup上:@touchmove.stop.prevent="clear"

解决uniapp使用三方四级联动插件ehPicker 配合uni-popup弹出层使用时出现无法滑动的问题_第1张图片

uni-popup组件默认是阻止了默认事件的冒泡

解决uniapp使用三方四级联动插件ehPicker 配合uni-popup弹出层使用时出现无法滑动的问题_第2张图片

因为我整个项目中只用到了这一处弹出层组件,所以

解决办法直接修改un-popup组件,去掉 @touchmove.stop.prevent="clear",问题解决

打分发的规  如若多处用到此组件,则可以复制一份重新换个组件名字引用或自己写遮罩层。

既然遇到了此类问题,顺便记录一下相关的知识点:

passive 的事件监听器

passive 的事件监听器 - 紫云飞 - 博客园

vue中的.passive修饰符 - DHeng - 博客园

JS事件的捕获和冒泡阶段

JS事件的捕获和冒泡阶段_FlyWine的博客-CSDN博客_事件句柄在冒泡阶段执行

你可能感兴趣的:(uniapp,vue.js,javascript)