龙空技术网

如何在 Vue 中使用监听窗口大小调整事件

小小前端开发 52

前言:

当前大家对“vue如何调节画面尺寸”大概比较注意,朋友们都想要剖析一些“vue如何调节画面尺寸”的相关内容。那么小编同时在网上搜集了一些对于“vue如何调节画面尺寸””的相关内容,希望兄弟们能喜欢,我们一起来了解一下吧!

1、在mounted事件中加入监听

mounted() {

window.addEventListener('resize', this.resizeMethod);

},

2、在methods写方法

resizeMethod(){

//自动计算内容区域高度

this.$nextTick(() => {

let height = document.documentElement.clientHeight - this.$refs.TopBtnArea.offsetHeight - 135; //可视窗口-按钮区域-头部模块高度

this.intHeight = height + "px";

})

},

标签: #vue如何调节画面尺寸