vue頁面有彈層，禁止頁面滾動

var preD = function (e) {
    e.preventDefault()
}
export default {
    data () {
        return {
        popupStatus: false
    }
    },
    watch: { // 監聽data中彈層狀態
        popupStatus (val) {
            if (val) {
            document.body.style.overflow = 'hidden'
            document.addEventListener('touchmove', preD, {passive: false}) // 禁止頁面滑動
        } else {
            document.body.style.overflow = '' // 出現滾動條
            document.removeEventListener('touchmove', preD, {passive: false})
        }
        }
    }
}