一、问题描述
在开发中发现,有两个vue组件中mounted中都用了window.onresize,但是在其中一个组件中正常,在另一个组件中无效。
二、问题分析
我注意到组件A是组件B的父组件,组件A(父组件)中window.onresize功能正常,组件B(子组件)中window.onresize功能无效。
初步猜测是由于父子组件中同时使用,导致子组件中的失效。
三、问题解决
我尝试把子组件中的
window.onresize = () => {
console.log(27)
}
写成:
window.addEventListener('resize', () => {
console.log(27)
})
这样修改后经过测试,问题成功解决。
参考链接:
vue中在mounted中window.onresize不生效
欢迎大家一起讨论、学习