Element-ui表单重置resetFields问题（无法重置表单）

1.问题概述

在重置表单时，使用this.$refs.form.resetFields()没有效果

2.解决方法

1.检查表单form是否有ref属性

<el-form ref="form"></el-form>

2.检查el-form-item是否有prop属性,属性值需要与绑定的数据一致

<el-form-item prop="name">
  <el-input v-model="form.name"></el-input>
</el-form-item>

3.绑定事件

<el-button @click="resetForm">重置</el-button>

4.注册事件

resetForm() {
  this.$refs.form.resetFields()
}

然后就重置成功啦。