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实时监听获取浏览器窗口大小变化


猜你喜欢
- CSS Gird布局教程指南 2023-12-15
- Ajax点击不断加载数据列表 2023-01-20
- javascript 调用其他页面的js函数或变量的脚本 2024-01-14
- css控制超链接(css超链接样式) 2024-01-04
- linux – 如何使用没有html的wget获取页面文本? 2023-10-25
- CSS教程:元素层叠级别及z-index 2024-03-11
- js中将多个语句写成一个语句的两种方法小结 2023-12-02
- 向fckeditor编辑器插入指定代码的方法 2023-12-01
- JS通过Cookie判断页面是否为首次打开 2024-02-12
- 浅谈CSS中浮动float带来的高度塌陷问题及4种解决方案 2023-12-13