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()

 

posted @ 2021-02-21 15:46  慕雪琳鸢  阅读(90)  评论(0)    收藏  举报