element ui中,非正常验证表单,而是在有些情况下失效,需要自定义校验表单字段
一:首先,给需要自定义验证的标签名上添加@change事件
<el-form ref="orderForm" :model="formData">
<el-input v-model="formData.code" @change="handleValidate" />
</el-form>
二:实现方法,@change事件方法代码,添加validateField方法
handleValidate(){
this.$refs.orderForm.validateField("code")
}
PS:如果想要实现表单的字段全部重新验证,添加resetFields方法
this.$refs.orderForm.resetFields()
吾日三省吾身,脚踏实地~