本篇內容介紹了“vue怎么監聽窗口高度”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

網站建設哪家好，找創新互聯！專注于網頁設計、網站建設、微信開發、微信小程序開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了平潭免費建站歡迎大家使用！

具體步驟如下：

1.首先，新建一個html項目，并在項目中引入vue；

import Vue from 'vue'

2.引入vue后，在項目中定義一個data值，用于記錄窗口高度；

data(){
return{
clientHeight:'',
}
}

3.data值定義好后，使用window.onresize方法獲取窗口高度；

mounted(){
this.clientHeight = `${document.documentElement.clientHeight}`;
let that = this;
window.onresize = function(){
this.clientHeight = `${document.documentElement.clientHeight}`;
if(that.$refs.page){
that.$refs.page.style.minHeight = clientHeight - 100 + 'px';
}
}
}

4.最后，獲取到窗口高度后，使用watch方法即可實時監聽窗口高度；

watch:{
clientHeight(){
this.changeFixed(this.clientHeight)
}
}

“vue怎么監聽窗口高度”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注創新互聯網站，小編將為大家輸出更多高質量的實用文章！

網站題目：vue怎么監聽窗口高度
本文地址：http://vcdvsql.cn/article4/pdieoe.html

成都網站建設公司_創新互聯，為您提供ChatGPT、定制網站、Google、品牌網站制作、網站設計公司、微信小程序

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯