首先，在data中定義你所需要的寬度或者高度
第二，頁面初始化mounted的時候，通過 document.body.clientWidth 和 document.body.clientHeight 來獲取到瀏覽器的寬和高，然后通過 window.onresize 來監聽瀏覽器窗口的變化，在這里來改變我們的變量寬和高即可
（created()的時候不行，因為此時document還沒有生成）
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
vue項目監聽瀏覽器窗口大小發生變化觸發事件
當瀏覽器窗口大小發生變化時，重新繪制JsPlumb中的線條、端點
ECharts百度如果繪圖完整后，瀏覽器窗口大小發生變化，使圖表跟着變化
vue監聽瀏覽器窗口大小變化
vue項目中監聽sessionStorage值發生變化
vue 中監聽窗口發生變化，觸發監聽事件， window.onresize && window.addEventListener('resize'，fn) ，window.onresize無效的處理方式
vue項目中監聽sessionStorage值發生變化
vue 中監聽窗口發生變化，觸發監聽事件， window.onresize && window.addEventListener('resize'，fn) ，window.onresize無效的處理方式
Qt Widget控件設置布局后，內部控件大小發生變化
js實現監聽瀏覽器窗口大小改變事件