vue 之移动端弹层打开，禁止页面滑动

第一种：

bodyScroll(event) {
　　event.preventDefault()
},
stopScroll () {
　　document.body.style.overflow = 'hidden'
　　document.addEventListener('touchmove', this.bodyScroll, false)
},

startScroll () {
　　document.body.style.overflow = ''// 出现滚动条
　　document.removeEventListener('touchmove', this.bodyScroll, false)
}

 

//在弹层事件中相应调用就可；

第二种：弹窗出现，改变大盒子的高度100%，overFlow:hidden,动态增加类名