vue 打开弹框,底部页面禁止滑动
- 前端
- Easter79
- 0
/*解决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进行反馈,一经查实,将立刻删除涉嫌侵权内容。