vue弹窗锁定页面和释放页面

对于移动端项目， 弹窗无疑是最常见的问题， 点击按钮， 出现遮罩层， 然后弹窗在遮罩之上

div结构

<div id="page_home"></div>

锁定窗口的事件函数（这里以vue2+ts)的写法为主

  private  fixWindow() {
        // 锁定窗口
        let homePage = document.getElementById('home_page');
        if (homePage) {
            homePage.style.height = '100vh';
            homePage.style.boxSizing = 'border-box';
            homePage.style.overflow = 'hidden';
        }
    }

释放窗口的事件

 private freeWindow() {
        // 释放窗口
        let homePage = document.getElementById('home_page');
        if (homePage) {
            homePage.style.height = '100%';
            homePage.style.boxSizing = 'content-box';
            homePage.style.overflow = 'scroll';
        }
    }