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

/*解决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('打开滑动')

}

}

},

点赞
收藏

评论区

加载中...

相关推荐

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

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

element-ui Dialog组件的close-on-click-modal属性

element组件库的Dialog对话框默认可以通过点击modal关闭Dialog,即点击空白处弹框可关闭。单功能设置如下:<eldialog:closeonclickmodal"false"</eldialog全局修改默认配置,点击空白处不能关闭弹窗://在组件注册.js文件中Dialog.props.cl

Android 解决NestedScrollView 嵌套 RecyclerView出现的卡顿,上拉刷新无效

解决卡顿的方法最简单的就是设置RecyclerView的android:nestedScrollingEnabled"false",放弃自己的滑动,交给外部的NestedScrollView处理,就没有出现卡顿的现象了至于RecyclerView的上拉刷新,可以监听NestedScrollView的滑动监听,具体代码如下:mNestedSc

JS判断页面被拉到最底部时

整个页面被拉到最底部时执行$(window).scroll(function(){varc$(window).height();vara$("body").scrollTop()varb$("body").heigh