element ui 表单校验

// 自行从element导入Form, FormItem
<Form ref="form" rule={this.rules}>
　　<FormItem prop="name" label="姓名">
　　　　<Input/ >
　　</FormItem>
　　<FormItem prop="age" label="年龄">
　　　　<Input/>
　　</FormItem>
</Form>

// 根据判断条件, 移除所有表单项的校验
if (/*条件*/) {
this.$refs['form'].clearValidate();
}

// 但是有时候只需要移除其中的某一项校验, 如只移除姓名的校验:
if (/*条件*/) {
this.$refs['form'].clearValidate(['name']);
}

// 把要单独移除校验的表单项的prop放到数组里面, 调用clearValidate()方法时传入prop数组参数
// 不传任何参数时, 默认会移除整个表单校验

移除校验

clearValidate

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

Function(props: array | string)

校验

validate

对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用，并传入两个参数：是否校验成功和未通过校验的字段。若不传入回调函数，则会返回一个 promise

Function(callback: Function(boolean, object))

__EOF__

本文作者：小兔
本文链接：https://www.cnblogs.com/g-14/p/16454773.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！