el-form表单校验输入框值为0时 提示校验不通过

el-form表单校验输入框值为0时提示校验不通过

配置validator自定义校验方法

这里举例在结构代码里加入校验规则

<el-form-item
	:prop="num"
    :rules="[
        {
            required: true,
            message: '请输入数量',
            trigger: 'change',
        },
        {
            validator,
            trigger: 'blur'
        }
   	]"
>
  <el-input-number v-model="num" />
</el-form-item>

 methods: {
 	// 规则定义
    validator(rule, value, callback) {
      if (value === 0) {
        callback(new Error('数量不能为 0'));
      } else {
        callback();
      }
    }
 }