如何高效处理Vue中element-ui的resetFields()重置表单问题？

本文共计880个文字，预计阅读时间需要4分钟。

问题：使用this.$refs['form'].resetFields()无法重置表格项原因：

1.没有给表格添加ref属性，el-form ref=form 或 el-form-item

2.表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致

问题：

使用this.$ref['form'] .resetFields()无法重置表单项

原因：

1.没有给表单添加ref属性

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

2.表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致

<el-form ref="form" :model="sizeForm" label-width="80px" size="mini"> <el-form-item label="活动名称" prop="name"> <el-input v-model="sizeForm.name"></el-input> </el-form-item> </el-form>

3.还有一个经常出现这种问题的场景是，当使用vuex的时候，新建表单与编辑表单复用，此时上述属性跟方法都添加了也无法达到清除表单的效果。