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 html中调用方法遇到的坑 2023-10-26
- 第4天:调用样式表 2022-11-07
- css中text-overflow属性与文本截断详解 2024-01-16
- js+css实现回到顶部按钮(back to top) 2024-01-17
- 2个数组根据相同key合并成新的数组(es5、es6两种 2024-12-08
- Vue中v-for key的使用注意事项 2023-10-08
- Vue3项目中的hooks的使用教程 2023-12-14
- 手淘flexible.js框架使用和源代码讲解小结 2023-12-28
- JavaScript代码性能优化总结(推荐) 2023-12-01
- Vue技术栈开发学习之状态管理bus的使用 2023-10-08
