官网的解释:对整个表单进行重置,将所有字段值重置为初始值并移除校验结果
作用一:清除飘红信息和必填提示
作用二:将所有字段值重置为初始值
- 这句话的重点在于,这个初始值参考的是什么,其实就是参考你在data中第一次定义的对象数据结构
- 比如,我在
data
中定义的form
数据结构如下,那么resetFields
执行后,form
依旧是如下的字段
data() {
return {
form: {
current: 1,
size: 20,
processName: '',
taskTime: []
}
}
}
注意:想要resetField达到以上两种效果,必须同时满足如下两个条件
el-form-item
必须要有prop
属性prop
的值要和v-model
绑定的form
表单的属性名一致