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

Easter79
• 阅读 661

/*解决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
待兔 待兔
4个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
基于Xposed自动化框架XposedAppium
基于Xposed做的一款自动化点击,滑动框架(基于安卓原生的事件分发)。可以模拟手指的一切操作,基于Xpath表达式获取View。此框架在virjar大佬的框架基础上进行的修改的,修复了部分Bug,添加常用方法等.在登入页面输入账号密码后,跳转到第二个Activity并点击对话框确定按钮。Xposed模块:很简单,添加对应的Activity,需要实Page
LinMeng LinMeng
3年前
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
Stella981 Stella981
3年前
Django之Django模板
1、问:html页面从数据库中读出DateTimeField字段时,显示的时间格式和数据库中存放的格式不一致,比如数据库字段内容为2012082616:00:00,但是页面显示的却是Aug.26,2012,4p.m.答:为了页面和数据库中显示一致,需要在页面格式化时间,需要添加<td{{dayrecord.p\_time|date:
Wesley13 Wesley13
3年前
JS判断页面被拉到最底部时
整个页面被拉到最底部时执行$(window).scroll(function(){varc$(window).height();vara$("body").scrollTop()varb$("body").heigh
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
融云IM即时通讯 融云IM即时通讯
11个月前
输入工具栏修改样式、emoji 表情栏修改背景色
问题1解决方案:修改输入框的调用的setInputBarType:style:请在聊天页面所在的控制器viewDidLoad中调用;在创建聊天页面的时候调用是没有效果的问题2解决方案:在聊天页面调用下面两行代码self.chatSessionInputBa
达里尔 达里尔
2星期前
el-dialog打开弹框body抖动问题解决
问题原因:弹框打开后给body加上了左右padding解决方法:vue
Easter79
Easter79
Lv1
今生可爱与温柔,每一样都不能少。
文章
2.8k
粉丝
5
获赞
1.2k