vue弹层滑动穿透问题简单解决方案

vue弹层滑动穿透问题简单解决方

菩提树_

460人浏览 · 2023-07-26 14:57:19

菩提树_ · 2023-07-26 14:57:19 发布

在vue开发过程中，遇到了一个这样的问题，当弹框和蒙层出现的时候，还能继续滑动，也就是说出现了滑动穿透。
解决方案：还好 vue提供的 @touchmove.prevent 可问题：在vue开发过程中，遇到了一个这样的问题，当弹框和蒙层出现的时候，还能继续滑动，也就是说出现了滑动穿透。

解决方案：还好 vue提供的 @touchmove.prevent 可以用来阻止滑动。蒙层和弹框同时使用，具体用法形如：

@touchmove.prevent>

注意：当弹框中包含滚动内容的时候也会被禁止掉

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}$/, //不连续的两位字母// /^