el-form 自定义验证规则，手动触发某项验证

1. ui

?

1 2 3

<el-form ref="xXXForm" :rules="XXXFormRules" >     <el-form-item label="图片" prop="xxx">      </el-form-item> </el-form>

2. 变量初始化

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

export default {   data() {   return {         ......         XXXFormRules: {             ......             xxx: [                 {                     required: false,                     validator: isEmptyRule,                     trigger: 'change'                 }             ],             ......         },         ......     } }

 

验证方法：

 

?

1 2 3 4 5 6 7

const isEmptyRule = (rule, value, callback) => {     if (value == null || value == "") {         callback(new Error('请上传图片')) // 一定要写 callBack()     } else {         callback()     } };

 

　　

3. 手动触发

?

1	this.$refs.xXXForm.validateField('xxx');