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---mvvm模型浅谈 2023-10-08
- jQuery当鼠标悬停时放大图片的效果实例 2023-12-27
- Vuejs中关于methods、computed、watch,mounted有什么不同 2024-12-08
- js实现touch移动触屏滑动事件 2023-11-30
- css 获取从第n个开始之后的所有元素 2024-03-10
- 同一个页面用多个id有什么影响 2022-11-06
- 使用flutter创建可移动的stack小部件功能 2023-08-08
- javascript实现弹幕墙效果 2023-12-11
- 一文搞懂 parseInt()函数异常行为 2023-07-10
- vue keep-alive 2023-10-08