Vue 弹出框禁止页面滑动

今天遇到一个问题，页面弹出框内的数据可以滑动，但是弹出框的底层，也就是当前页面不允许滚动，试了许多方法，都没有解决这个问题，忽然想到一种方法，完美解决。
在页面的外层动态加一个类
<div class="wrapper" :class="showDialog?'scrollDisable':''"></div>
css内将页面设置为fixed
.scrollDisable{
overflow: hidden;
position: fixed;
width: 100%;
}