vue + element plus：ResizeObserver loop completed with undelivered notifications

在Vue.js配合Element Plus使用时，"ResizeObserver loop completed with undelivered notifications" 这个错误通常是由于ResizeObserver API未能及时处理所有之前注册的观察到的尺寸变化事件所导致的。ResizeObserver是一个用于监听元素大小变化的现代浏览器API。

如果你遇到这个错误，可能是以下几个原因：

1. **过度使用或循环引用**：如果你在一个组件中频繁创建并注销ResizeObserver实例，可能会造成循环引用，导致资源无法释放，从而引发警告。
2. **事件处理器未正确清理**：当元素从DOM中移除或者组件卸载时，需要确保对应的ResizeObserver实例的`unobserve()`方法已调用，以便停止监视。
3. **递归更新**：如果在组件的响应式系统中存在递归依赖，可能导致无限循环，这间接影响了ResizeObserver的行为。

解决策略包括：

- 确保每次创建ResizeObserver后都有相应的销毁逻辑，当元素不再需要监控时调用`observer.unobserve()`
- 检查代码中是否有不必要的递归更新，并优化处理逻辑
- 使用`ref`包装ResizeObserver实例，并在适当的时候解除引用