:style="`height:${height}px`" //用變量的方式設置頁面高度
height: document.body.clientHeight //data中定義height初始值,為屏幕高度
window.onresize = () => { //寫在mounted中,onresize事件會在頁面大小被調整時觸發
return (() => {
window.screenHeight = document.body.clientHeight;
this.height = window.screenHeight;
})();
};
height(val) { //在watch中監聽height,瀏覽器窗口大小變動時自適應高度。
this.height = val;
console.log(this.height, "新的高度");
},