elementUI表格resetFields方法失效

问题描述：

在vue中使用elementUI提供的表单重置方法 resetFields()时并没有清空表单

this.$refs.newMakeFormRef.resetFields()

---

原因分析：

1.表单没有加 ref 引用。
2.表单的 el-form-item 没有 prop 属性。

---

解决方案：

第一步：给表单添加 ref 引用。

<el-form
   ref="newMakeFormRef"
   :show-message="false"
   :model="newFormData"
   size="small"
   label-width="110px"
 >

第二步：给表单的el-form-item添加 prop 属性。

<el-form-item
  label="函件内容"
   prop="letterInfo">
    <el-input
      v-model="newFormData.letterinfo" type="textarea" placeholder="长度限制100个字" />
 </el-form-item>

然后就可以使用resetFields（）方法清空表单数据了。