Vue3+CoreUI.io4.2.0页面缩放时getComputedStyle报错原因咨询

这个报错的核心原因是resize事件触发时，CoreUI组件的回调方法试图访问已经被销毁的DOM元素，具体拆解如下：

• 事件监听未随组件销毁清理
  CoreUI的isOnMobile、handleResize方法会绑定窗口的resize事件。当你的Vue组件因为路由切换、条件渲染（比如v-if）等原因被卸载时，如果CoreUI内部没有在组件unmounted钩子中移除这些resize监听，后续触发resize事件时，回调仍然会执行。此时方法里要获取计算样式的DOM元素已经不存在，getComputedStyle接收的参数不是合法Element，就会抛出这个错误。

• 防抖/延迟执行导致的时序问题
  很多resize处理会用防抖来优化性能，如果防抖的延迟设置不合理，或者防抖函数没有在组件销毁时取消，就可能出现：组件已经销毁，防抖后的回调才执行，此时目标DOM元素已经被移除，同样会触发参数类型错误。

• CoreUI Vue 4.2.0的内部逻辑疏漏
  该版本的@coreui/vue组件可能存在生命周期钩子的处理缺陷，比如某些组件在销毁时没有正确清理全局的resize事件监听，导致无效的DOM访问操作。

内容的提问来源于stack exchange，提问作者Emre_hrz