iview - 自定义表单验证

自定义表单验证代码

export default {
    data () {
    const validateImage = (rule, value, callback) => {
      if (value.barImage === '') {
        callback(new Error('验证错误'))
      } else if (value.split(',').length !== 3) {
        callback(new Error('验证错误'))
      } else {
        callback()
      }
    }
    },
    rules: {
        barImage: [
			 { required: true, validator: validateImage, trigger: 'blur' }
		]
    }
}

属性trigger不添加

    表单验证规则中，trigger属性填写的是在什么情况下触发该验证，例如blur或者change。
    但是我们会有某些需求，需要让该输入框在提交的时候才验证，并不需要实时验证，此时就会有把trigger删掉的做法。
该做法的结果是，一进入有表单的页面时，表单就会进行一次校验。