element-ui表单重置函数 resetFields 无效解决

由element-ui文档中能看到重置表单使用的是如下函数

this.$refs[formName].resetFields();
但是有时使用它却可能会失效

解决:
form-item中要加上prop属性,它的值要与input的model对应

<el-form-item prop="roleDesc" label="描述">
  <el-input v-model="addForm.roleDesc"></el-input>
</el-form-item>

所以prop属性不仅是在校验表单时要使用,在重置表单时也要加上

注:重置的方法只适用于prop中有属性的对象

data(){
  return {
    tag:{
	  tagName:'',
	  tagDesc:''
	},
    tagTwo:''
  }
}
// 表单中若是重置tag是可以的,因为它有属性且对应prop
// 使用函数为tagTwo赋值tag类型的对象
// 重置tagTwo不能,它本身没有属性,赋值的对象上才有属性
原文地址:https://www.cnblogs.com/flytree/p/14541413.html