vue中使用两个window.onresize问题解决

本文介绍在Vue开发中,如何解决因多个组件使用window.onresize导致的功能冲突问题。通过使用addEventListener并正确销毁监听器,确保每个组件的窗口调整大小事件能够独立工作。

在vue开发中,因为引用的父组件和子组件都使用了window.onresize以至于一个window.onresize失效。
找了下解决方案,可以采用下面的方式写就可以了。

window.onresize = () => {this.measure()}
window.addEventListener('resize',() => this.measure1(), false)
window.addEventListener('resize',() => this.measure2(), false)

销毁可以采用下面的方式

beforeDestroy () {
  window.removeEventListener('resize', this.measure1(), false)
}
beforeDestroy () {
  window.onresize = null
}

 

转载于:https://www.cnblogs.com/ToBeBest/p/9720170.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值