export default {
data() {
return {
screenWidth: '',
screenHeight: ''
};
},
mounted() {
//初始化获取浏览器宽度和高度
this.screenWidth = document.body.clientWidth;
this.screenHeight = document.body.clientHeight;
//实时改变浏览器宽度和高度
window.onresize = () => {
return (() => {
this.screenWidth = document.body.clientWidth;
this.screenHeight = document.body.clientHeight;
})();
};
}
}
以上是编程学习网小编为您介绍的“vue实时监听获取浏览器窗口大小变化”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vue实时监听获取浏览器窗口大小变化


基础教程推荐
猜你喜欢
- 如何使用VUE+faceApi.js实现摄像头拍摄人脸识别 2024-02-09
- ajax传递多个参数的实现代码 2022-12-28
- CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产 2024-04-04
- uniapp调用百度语音实现录音转文字功能 2023-08-12
- 你需要知道的TypeScript高级类型总结 2022-10-22
- 分享8个JavaScript库可更好地处理本地存储 2024-03-21
- CSS3实现王者荣耀匹配人员加载页面的方法 2024-04-03
- jQuery拖拽 & 弹出层 介绍与示例 2024-01-06
- js获取url中”?”后面的字串方法 2024-02-09
- 使用CSS content的attr实现鼠标悬浮提示(tooltip)效果 2024-01-23