vue-移动端-弹框出现背景禁止滑动

1- 由于弹框比较长，所以弹出的时候前面的弹框内容需要滑动，但是背景需要禁止滚动

2- 所以使用 watch 监听，弹窗出现禁止滚动，弹框消失可以滚动

  watch: {coachCard (newVal, oldVal) {if (newVal == true) {console.log('gaibian l');

    let cssStr = "overflow-y: hidden; height: 100%;";
    document.getElementsByTagName('html')[0].style.cssText = cssStr;
    document.body.style.cssText = cssStr;
  } else {
    let cssStr = "overflow-y: auto; height: auto;";
    document.getElementsByTagName('html')[0].style.cssText = cssStr;
    document.body.style.cssText = cssStr;
  }

  // 下面需要这两行代码，兼容不同浏览器
  document.body.scrollTop = this.pageScrollYoffset;
  window.scroll(0, this.pageScrollYoffset);
}

},

贼长的弹框