Vue监听浏览器窗口的变化
·
1. 初始化变量
data() {
return {
// 屏幕宽度
screenWidth: window.innerWidth,
// 屏幕高度
screenHeight: window.innerHeight,
}
}
2. 添加方法
handleResize() {
this.screenWidth = window.innerWidth;
this.screenHeight = window.innerHeight;
},
3. 添加监听
mounted() {
// 监听屏幕宽度和高度变化
window.addEventListener('resize', this.handleResize, true)
},
4. 摧毁监听
// 销毁监听
beforeDestroy() {
window.removeEventListener('resize', this.handleResize);
},
新一代开源开发者平台 GitCode,通过集成代码托管服务、代码仓库以及可信赖的开源组件库,让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。
更多推荐


所有评论(0)