element-ui中resetFields()失效的原因及解决办法

2,035 阅读1分钟

场景

当我们用element 的form表单进行校验时,有时候会出现resetFields()失效,无法将表单重置为初始状态,以下是我自己遇到的情况及解决办法。

原因及解决办法

1、当前el-form表单是否加了ref值,只有加了this.$ref才能获取当前的表单实例。

2、表单里的每一项要加上prop属性,并且与表单数据字段一一对应。

3、同一个页面新增和编辑复用一个表单的时候,打开编辑会对表单进行数据赋值,如果有些表单属性值未在data()函数进行初始化,此属性可能就未设置成响应式,打印该对象,查看其是否有setter,getter方法,有就表示是响应式数据,如果没有,可以通过set(obj,property,value)方法设置为响应式属性。