当前位置: 首页 > 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/news/162410.html

相关文章:

  • 圣诞树网页效果代码详解
  • 应急响应-挖矿病毒处理
  • 【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 性能优化的手段【更新中】
  • 前端组件库开发
  • 【开题报告】基于SpringBoot的影视作品网站的设计与实现
  • 利用异或、取反、自增bypass_webshell_waf
  • 电脑出现错误代码0xc000000f怎么办,有效解决0xc000000f问题
  • [wp]“古剑山”第一届全国大学生网络攻防大赛 Web部分wp
  • Python-滑雪大冒险【附源码】
  • uni-app解决video组件全屏时页面横竖错乱问题
  • Fiddler的配置、原理和使用
  • 爬虫-BeautifulSoup之XML篇
  • synxflow 安装环境
  • es6 相关面试总结