el-form的resetFields()坑点

背景：

当我点击重置按钮，希望将表单内容清空时，并非所有的表单项都被清空了

官方：

然后下面还有一条老六的解释，根本没看到只能说

未清空原因：校验没加全

所以，首先要保证form绑定了model、prop

 <el-form ref="searchform" :model="form" label-width="100px">
   <el-form-item label="gcs" prop="f2">
    <el-input v-model="form.f2" />
    </el-form-item>
</el-form>

确保每一个el-form-item都有prop，formName在调用时传入ref中的form名

    resetForm(formName) {
      this.$refs[formName].resetFields()
    },

数据非空：重置时只用的是设定的值

 this.$nextTick(() => {
            this.form = {}
          })

我们需要在$nextTick中手动清空