解决 Element UI el-dialog 关闭延迟的有效方法

Element UI 的 el-dialog 组件在页面元素数量较多时，关闭速度可能会变慢。本文提供两种优化方案，有效解决此问题。

优化策略：

vue-composition-api-best-practices

Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。

下载

1. 预先清空数据： 在关闭 el-dialog 之前，立即清空表格数据。此方法能快速释放内存，显著缩短垃圾回收时间，从而加快关闭速度。

2. 利用 inject 监听并移除 DOM 元素： 使用 Vue 的 inject 机制监听 el-dialog 的移除事件。当 el-dialog 被移除时，主动移除表格的 DOM 元素，避免浏览器自动回收 DOM 元素带来的延迟。