vue组件mounted中window.onresize无效

一、问题描述

在开发中发现，有两个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不生效

欢迎大家一起讨论、学习