el-element表单el-form使用resetFields清空进行初始化

项目场景：

我们一般使用带表单的弹窗时，有时候新建完成再次打开或者填写完数据不保存去关闭表单，再次打开会保留之前的填写。

---

解决方案：

想要点击取消按钮、点击关闭按钮清空数据，可以使用element的resetFields

它需要具备三个条件，才能成功初始化清空表单：

1、el-form 里 加上 ref=‘form’；

2、表单项 加上 prop=“name”；

3、this.$refs[‘form’].resetFields() // 清空表单