uni-popup滚动无效的解决方案

复现?在使用uniapp官方的popup组件时，里面嵌套了一个动态流程，可根据高度进行自适应展示，在h5端可正常滚动，在app端失效。解决方案查询各博客发现，是官方的代码（uni_modules->uni-popup->components->uni-popup->uni-popup.vue），在最外层容器中，添加了@touchmove.stop.prevent="clea

Acardia_Liu

3828人浏览 · 2021-12-21 16:02:21

Acardia_Liu · 2021-12-21 16:02:21 发布

复现?

在使用uniapp官方的popup组件时，里面嵌套了一个动态流程，可根据高度进行自适应展示，在h5端可正常滚动，在app端失效。

解决方案

查询各博客发现，是官方的代码（uni_modules->uni-popup->components->uni-popup->uni-popup.vue），在最外层容器中，添加了@touchmove.stop.prevent="clear"事件，此事件，禁止了触摸滚动，所以流程的overflow:scroll;属性失效。注释掉即可滚动。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^