ElementUI form 表单resetFields无法重置

首先,如果遇到问题优先看官方文档,官方文档可以帮忙解决90%的问题,然后10的问题大概率已经有人发现了并且分享在网上,擅用搜索.

一般无法重置检查以下三点 :

1. el-form添加ref
2. el-form-item添加prop
3. element 中重置resetFields 函数 是恢复初始值 , 并非置空

前面两个没啥悬念,后面这个可以看源码

其中初始值就是表单渲染时保存的一份初始值 ,所以这个问题一般出现在,在第一次初始化时对应model已经赋值,重置不能置空而是这份初始值

网上也有些博客提到这点,没有给出解决方案,如果想重置为空,这里可以参考我的写法:

resetForm(formName) {
    this.$nextTick(() => {
        this.$refs[formName].resetFields();
        this[formName] = {};
      })
}