vue 弹窗显示时，底部页面不能滚动，弹窗隐藏时，底部弹窗可以滚动

//弹出框禁止滑动
Vue.prototype.stopScroll = function () {
  var mo = function (e) { e.preventDefault() }
  document.body.style.overflow = 'hidden'
  document.addEventListener('touchmove', mo, false)// 禁止页面滑动
}
 
//弹出框可以滑动
Vue.prototype.canScroll = function () {
  var mo = function (e) {
    e.preventDefault()
  }
  document.body.style.overflow = ''// 出现滚动条
  document.removeEventListener('touchmove', mo, false)
}

在需要调用的页面调用即可：

 //当需要禁止弹出框底部内容滑动时调用：
  this.stopScroll()
  //当需要页面恢复滑动功能时调用：
  this.canScroll()