uniapp使用u-popup组件弹窗出现页面还可滑动

*1、问题所在:

弹窗遮罩层出现了页面依旧可以上下滑动

uniapp使用u-popup组件弹窗出现页面还可滑动_第1张图片

2、要求:

为了用户更好交互体验,弹窗出现后应禁止页面往下滑动

3、实现思路:

在弹窗盒子外层添加个阻止触摸冒泡事件,使用@touchmove.stop.prevent

4、代码如下:

        这里我封装成了组件弹窗



你可能感兴趣的:(uniapp,vue,uni-app,vue.js,前端)