当前位置: 首页 > article >正文

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

http://www.kler.cn/a/162410.html

相关文章:

  • LeetCode【0014】最长公共前缀
  • 【JAVA】Java基础—面向对象编程:封装—保护类的内部数据
  • 科技云报到:数字化转型,从不确定性到确定性的关键路径
  • 鸿蒙next版开发:订阅应用事件(ArkTS)
  • Stored procedures in PostgreSQL
  • 有什么初学算法的书籍推荐?
  • 圣诞树网页效果代码详解
  • 应急响应-挖矿病毒处理
  • 【C语言】字符串函数strlen #strcpy #strcmp #strcat #strstr及其模拟实现
  • JS APl关于电梯导航做法(ES6)
  • 正则表达式详细讲解
  • openEuler JDK21 部署 Zookeeper 集群
  • 盘点11月Sui生态发展,了解Sui的近期成长历程!
  • springboot3.0更新后,idea创建springboot2.x项目
  • js写旋转的时钟动态
  • 在Windows 10或11中,复制和粘贴不起作用,不一定是键盘的问题
  • canvas基础:绘制虚线
  • Python 爬虫 之scrapy 框架
  • SAP 后继物料简介
  • promethesu告警规则配置,alertmanager通过webhook通知
  • 使用Rust 构建C 组件
  • php爬虫规则与robots.txt讲解
  • HarmonyOs 4 (二) HelloWord
  • (1)(1.4) ESP32 wifi telemetry
  • Unity 性能优化的手段【更新中】
  • 前端组件库开发