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

            }

        }

    },