当前位置:
首页
文章
前端
详情

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('打开滑动')

}

}

},

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。