vue 解决 滚动穿透（联级滚动）的问题

问题：

当打开dialog或者其他弹窗组件至于顶页时，滑动dialog会影响底页，使其一同滚动。

解决方法：

以dialog为例（v-model=“dialog”），当dialog = true 时，弹窗打开。

js：

//检测该值变化
    watch: {
      dialog(val) {
        if (this.dialog == true) {
        //开启dialog时，在body增加一个属性
          document.body.classList.add('overflow-hidden');
        } else {
        //别忘了销毁该属性
          document.body.classList.remove('overflow-hidden');
        }
      }
    },

css：

.overflow-hidden {
    overflow: hidden;
    position: relative;
  }

是不是很有用？