el-form表单校验值为0提示校验不通过

2023-12-13 03:32:28

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

文章来源:https://blog.csdn.net/qq_41421033/article/details/134884268
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。