vue 打开弹框,底部页面禁止滑动

Easter79
• 阅读 805

/*解决iphone页面层级相互影响滑动的问题*/

closeTouch:function(){

document.getElementsByTagName("body")[0].addEventListener('touchmove',this.handler,{passive:false});//阻止默认事件

},

openTouch:function(){

document.getElementsByTagName("body")[0].removeEventListener('touchmove',this.handler,{passive:false});//打开默认事件

}

如果点击阴影就关闭的时候可以加上事件监听

watch:{

signReasonVisible:function(newvs,oldvs){//picker关闭没有回调函数,所以侦听该属性替代

console.log(newvs,oldvs)

if(newvs){

this.closeTouch();

console.log('关闭滑动')

}else{

this.openTouch();

console.log('打开滑动')

}

}

},

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
待兔 待兔
1年前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
LinMeng LinMeng
4年前
element-ui Dialog组件的close-on-click-modal属性
element组件库的Dialog对话框默认可以通过点击modal关闭Dialog,即点击空白处弹框可关闭。单功能设置如下:<eldialog:closeonclickmodal"false"</eldialog全局修改默认配置,点击空白处不能关闭弹窗://在组件注册.js文件中Dialog.props.cl
Stella981 Stella981
3年前
Android 解决NestedScrollView 嵌套 RecyclerView出现的卡顿,上拉刷新无效
解决卡顿的方法最简单的就是设置RecyclerView的android:nestedScrollingEnabled"false",放弃自己的滑动,交给外部的NestedScrollView处理,就没有出现卡顿的现象了至于RecyclerView的上拉刷新,可以监听NestedScrollView的滑动监听,具体代码如下:mNestedSc
Wesley13 Wesley13
3年前
JS判断页面被拉到最底部时
整个页面被拉到最底部时执行$(window).scroll(function(){varc$(window).height();vara$("body").scrollTop()varb$("body").heigh
GeorgeGcs GeorgeGcs
1星期前
【HarmonyOS 5】使用openCustomDialog如何禁止手势关闭的方案
鸿蒙开发能力HarmonyOSSDK应用服务鸿蒙金融类应用(金融理财一、前言在HarmonyOS中使用openCustomDialog自定义弹框时,我们会遇到实现禁止手势关闭弹框的业务场景。虽然在HarmonyOSNext中,自定义Dialog默认可能继承
达里尔 达里尔
8个月前
el-dialog打开弹框body抖动问题解决
问题原因:弹框打开后给body加上了左右padding解决方法:vue
taskbuilder taskbuilder
5个月前
TaskBuilder前端页面JS脚本编辑
在前端页面设计器内,点击底部的“JS脚本”选项卡,可以打开JS脚本编辑器,查看和设置当前页面的JavaScript脚本有关的内容,包括以下几个部分:3.3.5.1外部脚本引用如果在前端页面里需要用到外部js文件的功能,则可以点击JS脚本设计器左上角“外部脚
美凌格栋栋酱 美凌格栋栋酱
5个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
程序员一鸣 程序员一鸣
1星期前
鸿蒙开发:实现一个标题栏吸顶
本身并不难,处理好滑动位置和手势即可,当然了,里面也有两个注意的点,一个是解决手势冲突的nestedScroll,这个之前的文章中讲过,还有一个就是拦截瀑布流组件的滑动事件,在某些状态下禁止它的滑动。
Easter79
Easter79
Lv1
今生可爱与温柔,每一样都不能少。
文章
2.8k
粉丝
6
获赞
1.2k