Ant Design of Vue清除表单校验
Ant Design of Vue清除表单校验1、校验移除clearValidate()2、clearValidate和resetFields区别1、校验移除clearValidate()移除所有表单项的校验事例<a-form-model ref="form">//这里放你所展示的表单控件<a-form-model-item label="姓名" prop="name">&
·
Ant Design of Vue清除表单校验
1、校验移除clearValidate()
移除所有表单项的校验事例
<a-form-model ref="form">
//这里放你所展示的表单控件
<a-form-model-item label="姓名" prop="name">
<a-input v-model="testName" autocomplete="off" />
</a-form-model-item>
<a-button v-if="isShow == false" @click="handleCancel">取消</a-button>
</a-form-model>
<script>
handleCancel() {
//移除所有表单项的校验
this.$refs['form'].clearValidate()
//移除其中的某一项校验
this.$refs['form'].clearValidate(['name']);
},
</script>
clearValidate
2、clearValidate和resetFields区别
this.$refs['form'].resetFields() //移除校验结果并重置字段值
this.$refs['form'].clearValidate() //移除校验结果
更多推荐
已为社区贡献1条内容
所有评论(0)