今天小編給大家分享一下vue中如何監(jiān)聽屏幕高度的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

成都創(chuàng)新互聯公司-專業(yè)網站定制、快速模板網站建設、高性價比北關網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式北關網站制作公司更省心,省錢,快速模板網站建設找我們，業(yè)務覆蓋北關地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。

首先需要在data里面定義頁面的高度

data (){
  return {
    fullHeight: document.documentElement.clientHeight
  }
}

把window.onresize事件掛在到mounted

mounted() {
   const that = this
   window.onresize = () => {
    return (() => {
     window.fullHeight = document.documentElement.clientHeight
     that.fullHeight = window.fullHeight
    })()
   }
  }

監(jiān)聽window.onresize事件

 watch: {
   fullHeight (val) {
    if(!this.timer) {
     this.fullHeight = val
     this.timer = true
     let that = this
     setTimeout(function (){
      that.timer = false
     },400)
    }
   }
  }

以上就是“vue中如何監(jiān)聽屏幕高度”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯行業(yè)資訊頻道。