element-ui使用注意点

224 阅读1分钟

Form 表单

表单方法

1、resetFields

对整个表单进行重置,将所有字段值重置为初始值并移除校验结果

// 弹窗关闭时
handleClose() {
  this.formData = createFormData()
  this.$refs.formData.resetFields()
},

2、clearValidate

移除表单项的校验结果。传入待移除的表单项的 prop 属性或者 prop 组成的数组,如不传则移除整个表单的校验结果

在初始化数据之后,可以使用该方法去移除表单的校验结果

this.$nextTick(()=>{
    this.$refs['ruleForm'].clearValidate(['industrialField','projectMaturity']);
})