el-input校验,只能输入正整数

2023-10-29

一、表单校验方式:

fileSort: [
    { required: true, message: "请输入排序", trigger: "blur" },
    { pattern: /^[1-9]\d*$/, message: '请输入正整数',trigger: 'blur' }
]

 二、el-input的type设置为number,然后去掉上下箭头

/deep/ input::-webkit-outer-spin-button,
/deep/ input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
/deep/ input[type='number'] {
  -moz-appearance: textfield !important;
}

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

el-input校验,只能输入正整数 的相关文章

随机推荐

  • java对象比较“==”与“equals()”详解

    文章目录 写在前面 与 equals 是两个实例对象的什么进行比较 equals 的覆盖 必然伴随着hashCode的覆盖 为什么 hashCode与equals重写原则 写在前面 本文的书写仅是个人的理解 目的加深对技术点的理解 知识积累
  • 考虑写出一个不抛异常的swap函数——条款25

    swap是个有趣的函数 原本它只是STL的一部分 而后成为异常安全性编程 exception safe programing 见条款29 的脊柱 以及用来处理自我赋值可能性 见条款11 的一个常见机制 由于swap如此有用 适当的实现很重要
  • 永久修改Windows终端编码为UTF-8

    window操作系统默认编码格式是gbk 963 编码 下面教大家如何临时修改成utf 8编码和永久默认为utf 8编码格式 一 临时修改 只作用于当前窗口 先进入cmd命令窗口 快捷键win键 R 输入 chcp 65001 二 永久修改
  • WPF嵌入外部exe应用程序-去除子窗体边框样式

    WPF嵌入外部exe应用程序 去除子窗体边框样式 去除子窗体边框样式 导入winodows API 使用API去除边框 报错 解决 实现效果 完整实现代码 接着上一篇WPF嵌入外部exe应用程序 实现基本的嵌入 解决子窗体边框样式问题 去掉
  • python 的logging日志模块配合配置文件使用

    selenium python python 的logging日志模块配合配置文件使用 python 的logging日志模块配合配置文件使用 通过selenium python过程中经常需要记录程序运行过程中的异常和操作记录 程序问题 定
  • C++代码复习(三+)——SeqList顺序表内数据的数组方式实现

    include
  • 排序二叉树转变为有序双向链表

    要点 1 直接改变树的结构 2 排序二叉树在中序遍历的时候是有序的 3 双向链表 需要前后两个指针 可以将Tree的节点作为链表节点 代码实现 中序的递归实现 void ToList Tree pTree Tree pHead Tree p
  • 图形识别工具-百度AI接口实现

    简介 借出百度AI平台后看到有一个图像识别工具 就简单实现了下 效果挺好的 使用也简单 百度提供了两种实现方式 1 api方式调用 2 sdk方式调用 此方式简单 本文就以此为主讲一下 a 先下载图像识别sdk 地址 https cloud
  • 【毕业设计】 微信小程序购物商城系统 【含代码】

    文章目录 0 前言 1 开发工具 2 总体架构 3 项目规划 4 云数据库 5 项目解构 5 1 购买首页 5 2 商品详情页 5 3 搜索页 5 4 品牌分类页 5 5 筛选排序页 6 最后 0 前言 Hi 同学们好呀 学长今天带大家做一
  • 06-限流策略有哪些,滑动窗口算法和令牌桶区别,使用场景?【Java面试题总结】

    限流策略有哪些 滑动窗口算法和令牌桶区别 使用场景 常见的限流算法有固定窗口 滑动窗口 漏桶 令牌桶等 6 1 固定窗口 概念 固定窗口 又称计算器限流 对一段固定时间窗口内的请求进行一个计数 如果请求数量超过阈值 就会舍弃这个请求 如果没
  • 【EI会议】2022年第三届纳米材料与纳米技术国际会议(NanoMT 2022)

    2022年第三届纳米材料与纳米技术国际会议 NanoMT 2022 重要信息 会议网址 www nanomt org 会议时间 2022年9月23 25日 召开地点 中国南京 截稿时间 2022年8月21日 录用通知 投稿后2周内 收录检索
  • QT鼠标控制

    文章目录 鼠标状态改变 限制鼠标活动区域 鼠标状态改变 void QApplication setOverrideCursor const QCursor cursor bool replace FALSE 设置应用程序强制光标为 curs
  • 晨读-为什么有时控制不了我的情绪?

    情绪是天生的 而且每一种情绪都有它的功能 例如恐惧让我们远离危险 焦虑让我们提升行动力 等等 但是我们还是会出现的情况是 明明我都理解 那些道理我都懂 为什么我还是忍不住难受 这些冒出来的情绪还是不受控制 在控制情绪之前 我们先要了解 我们
  • [避坑指南]GD32F130系列TIMER14

    前言 本人在使用GD32F130F8P6时 使能PA3引脚输出PWM波 但是检查代码没有问题 就是不出PWM波 折磨了3天 最后发现是该款单片机没有TIMER14定时器 手册误导用户啊 代码部分 此代码驱动TIMER14是没有问题的 voi
  • 9道常见的java笔试选择题

    1 关于Java编译 下面哪一个正确 选择一项 A Java程序经编译后产生machine code B Java程序经编译后会生产byte code C Java程序经编译后会产生DLL D 以上都不正确 答案 B 分析 Java是解释型
  • 北京大学肖臻老师《区块链技术与应用》公开课笔记15——ETH概述篇

    北京大学肖臻老师 区块链技术与应用 公开课笔记 以太坊概述篇 对应肖老师视频 click here 全系列笔记请见 click here About Me 点击进入我的Personal Page BTC和ETH为最主要的两种加密货币 BTC
  • 山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(16)

    今天我们解决了一个困扰了我们很久的问题 isqr值的获取与使用 功能的设想 通过isqr这个值来确定该耗材是否使用二维码管理 在新增耗材种类的时候加入该属性 选择是或否 并写入数据库 在显示库存数据的时候通过耗材的id查找该值 以此决定是否
  • 解决:Cannot deserialize value of type `java.util.Date` from String “xxx“: not a valid representation..

    一 问题 在做数据更新操作的时候 后台数据为Date时 前端把String类型数据传到后台时 Date类型无法识别这个String数据 所以会报错 二 错误描述 主要问题 Caused by com fasterxml jackson da
  • linux重启命令

    shutdown重启系统 usr sbin shutdown r now usr sbin 指定了命令的位置 路径 shutdown 是命令本身 r 是指示重新启动系统的选项 now 表示立即执行命令 不进行倒计时 也可以指定一个时间延迟
  • el-input校验,只能输入正整数

    一 表单校验方式 fileSort required true message 请输入排序 trigger blur pattern 1 9 d message 请输入正整数 trigger blur 二 el input的type设置为n