Element Plus表单重置黑洞：新增/编辑状态下的重置陷阱与终极解决方案

引言：一个常见但致命的表单问题

在前后端分离的开发场景中，使用Element Plus的resetFields()方法重置表单是基础操作。但当弹窗同时承载新增与编辑功能时，开发者常会遇到一个诡异现象：
• 首次点击新增：弹窗打开，表单字段完美重置为空
• 首次点击编辑：回显数据正常显示
• 再次点击新增：表单却保留了第一次编辑的旧值，resetFields()失效！

这种"重置成功却无效"的现象，本质是Element Plus表单机制与组件生命周期的深度耦合导致的。本文将结合代码案例，揭示问题根源并提供终极解决方案。

---

一、问题根源：初始值陷阱

1.1 resetFields()的本质

resetFields()的作用是将表单字段重置为初始值（initialValue），而非简单清空。初始值在组件挂载（mounted）时确定，并存储在组件实例中。

1.2 生命周期顺序导致的覆盖

当弹窗首次打开为编辑状态时：

// 假设这是编辑回显逻辑
this.form.name = row.name; // 在mounted之前赋值
this.$refs.form.