vue 遮罩层阻止默认滚动事件

vue 遮罩层阻止默认滚动事件在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。

Pany丨

23354人浏览 · 2017-07-21 16:45:02

Pany丨 · 2017-07-21 16:45:02 发布

vue 遮罩层阻止默认滚动事件

在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。
vue中提供 @touchmove.prevent 方法可以完美解决这个问题

<div class="dialog" @touchmove.prevent ></div>

如果不是使用Vue的话，可以给body添加overflow:hidden属性解决

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