input 输入框只能输入数字的处理方式

 1. 针对普通的 el-input

<el-form-item prop="sortNo"><el-input v-model="form.sortNo"  @input="val => (form.sortNo = handlerInput(val))"> </el-input>
</el-form-item>
handlerInput(val) {if (val) {if (/^0*$/.test(val)) {return "";}val = val.replace(/^0+/, "").replace(/[^\d]/g, "");}if (val > 10000) {val = "10000";}return val;
},

2. 针对 el-input-number

它有自带的属性:percision(精度)

<el-input-numberv-model.trim="form.imageCount"placeholder="请输入"controls-position="right":min="1":max="10":precision="0"
/>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/23938.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

AWS对S3桶里的文件设置签名验证,过期时间等

AWS 可以对S3桶的文件设置访问权限&#xff0c;当设置不公开访问的时候&#xff0c;又要让用户可以查看&#xff0c;那么就需要用到设置临时访问权限了 亚马逊 CloudFront 网址进行签名 /*** CDN域名使用* 给某个文件设置临时过期时间的url* param $filePath* return mixed|st…

短剧系统投流版开发,为运营公司投流业务赋能

短剧系统投流版开发是一项复杂的任务&#xff0c;旨在为运营公司的投流业务提供强大的技术支持和赋能。以下是一些关键步骤和考虑因素&#xff0c;以确保短剧系统投流版的成功开发&#xff1a; 一、明确业务需求与目标 首先&#xff0c;需要深入了解运营公司的业务需求、目标…

Java基础语法---集合---ArrayList

ArrayList是什么 ArrayList可以看作是一个动态数组&#xff0c;提供了自动扩容的能力&#xff0c;意味着它能够根据需要自动调整其大小以容纳更多的元素&#xff0c;而无需预先指定数组的容量。 使用ArrayList需要加入包 import java.util.ArryList ArrayList与普通数组的不同…

Si3N4/SiC纳米复相陶瓷综合性能明显提升 下游可应用范围广泛

Si3N4/SiC纳米复相陶瓷综合性能明显提升 下游可应用范围广泛 Si3N4/SiC纳米复相陶瓷&#xff0c;是以碳化硅&#xff08;SiC&#xff09;纳米颗粒为第二相&#xff0c;弥散进入氮化硅&#xff08;Si3N4&#xff09;基体相制备得到的新型陶瓷材料&#xff0c;对碳化硅陶瓷具有强…

字符串的信号(SIGNAL)和槽(SLOT)的宏连接方式弊端

字符串的信号&#xff08;SIGNAL&#xff09;和槽&#xff08;SLOT&#xff09;的宏连接方式在 Qt 4 及早期版本中广泛使用&#xff0c;但这种方法确实存在一些缺点&#xff0c;主要包括以下几点&#xff1a; 类型安全性缺失&#xff1a;由于 SIGNAL 和 SLOT 宏接受的是字符串参…

JAVA Mongodb 深入学习(一)BulkOperations 批量操作

一、BulkOperations介绍 MongoDB 的 BulkOperations 允许在单个命令中执行多个写操作&#xff0c;这比逐一执行多个独立操作更高效。BulkOperations 可以用于插入、更新、删除和其他写操作。 优点&#xff1a; 1、批量操作&#xff0c;减少服务器的通信次数&#xff0c;提升性能…

Cannot add ‘xxxxxx‘to Logic Analyzer

问题描述&#xff1a;Keil 中&#xff0c;直接切换到仿真中并添加变量到逻辑分析仪&#xff0c;会报如题类型错误。 解决方法&#xff1a; 需要在先在执行main函数&#xff0c;生成变量内容&#xff0c;然后在添加到逻辑分析仪。具体方法是&#xff0c;在mian 中打断点——运…

Docker迁移默认存储目录(GPT-4o)

Docker在Ubuntu的默认存储目录是/var/lib/docker&#xff0c;要将 Docker 的默认存储目录迁移到指定目录&#xff08;譬如大存储磁盘&#xff09;&#xff0c;可以通过修改 Docker 守护进程的配置文件来实现。 1.创建新的存储目录&#xff1a; 选择你想要存储 Docker 分层存储…

华为OD刷题C卷 - 每日刷题 14(可以组成网络的服务器、用连续自然数之和来表达整数)

1、&#xff08;可以组成网络的服务器&#xff09;&#xff1a; 这段代码是解决“可以组成网络的服务器”的问题。它提供了一个Java类Main&#xff0c;其中包含main方法和getResult方法&#xff0c;以及一个辅助方法bfs&#xff0c;用于统计机房中最大的局域网包含的服务器个数…

ethercat igh可能出现的两个bug

1. 插入网线直接就进入op状态&#xff0c;这可能是因为 从站支持eoe协议 igh对eoe协议支持的从站默认使其直接进入op状态&#xff0c;可以修改igh源码编译选项&#xff0c;不启动eoe协议 可以参考&#xff1a; igh编译选项 igh一些EoE协议说明 Automatic Configuration&#…

小程序简单版录音机

先来看看效果 结构 先来看看页面结构 <!-- wxml --><view class"wx-container"><view id"title">录音机</view><view id"time">{{hours}}:{{minute}}:{{second}}</view><view class"btngroup"…

169.二叉树:完全二叉树的节点个数(力扣)

代码解决 /*** Definition for a binary tree node.* struct TreeNode {* int val;* TreeNode *left;* TreeNode *right;* TreeNode() : val(0), left(nullptr), right(nullptr) {}* TreeNode(int x) : val(x), left(nullptr, right(nullptr) {}* Tree…

“墨者杯”网络安全大赛wp

漏洞利用01 504错误修改为POST提交拿到php源码&#xff0c; 查看逻辑$_POST[roam1] ! $_POST[roam2] && sha1($_POST[roam1]) sha1($_POST[roam2]) 采用数组绕过 roam1[]1&roam2[]2 拿到phpinfo&#xff0c;观察发现 这里的意思是每个php页面都包含这个f14…

ffmpeg视频,音频,图片支持的格式转换

ffmpeg支持的各种格式转换方法几乎涵盖了所有常见的音频、视频和图像格式之间的转换。 debian上安装 # apt-get install ffmpeg -y 以下是一些常见的格式转换示例&#xff1a; 视频格式转换&#xff1a; 将MP4转换为GIF&#xff1a; # ffmpeg -i animation.gif.mp4 animati…

微服务网关Gateway(上)

大家好呀&#xff0c;我是苍何。 这年头&#xff0c;大家都在开始卷简历了&#xff0c;我也看了很多同学的简历&#xff0c;其中有一个同学的简历&#xff0c;我印象最为深刻&#xff0c;他的项目经历中&#xff0c;写了自定义 Gateway 过滤器实现统计接口调用耗时&#xff0c…

docker-compose部署Redis6.0

目录 1.部署环境 2.docker部署 3.docker-compose部署 4.redis 6.0部署 4.1拉起公网镜像 4.2 创建保存数据和配置文件的目录 4.3本地镜像打标签 4.4redis.yml配置 4.5验证 4.6问题记录 1.部署环境 系统&#xff1a;CentOS 容器&#xff1a;docker和docker-compose 2.doc…

力扣每日一题 6/7

3038.相同分数的最大操作数目I [简单] 题目&#xff1a; 给你一个整数数组 nums &#xff0c;如果 nums 至少 包含 2 个元素&#xff0c;你可以执行以下操作&#xff1a; 选择 nums 中的前两个元素并将它们删除。 一次操作的 分数 是被删除元素的和。 在确保 所有操作分数…

力扣141. 环形链表

Problem: 141. 环形链表 文章目录 题目描述思路复杂度Code 题目描述 思路 定义快慢指针fast、slow&#xff0c;当fast ! null && fast.next ! null时fast每次走两步、slow走一步&#xff0c;当fast和slow相遇时&#xff0c;则说明存在环 复杂度 时间复杂度: O ( n ) O…

无锡哲讯携手SAP,赋能装备制造业数字化转型

在当今快速发展的工业4.0时代&#xff0c;装备制造业作为国民经济的重要支柱&#xff0c;正面临着前所未有的机遇与挑战。无锡哲讯智能科技有限公司凭借其深厚的行业经验和专业的SAP实施能力&#xff0c;为装备制造业提供全面的数字化解决方案&#xff0c;助力企业实现智能化、…

知识图谱的应用---智慧政务

文章目录 智慧政务典型应用 智慧政务 智慧政务即通过“互联网政务服务”构建智慧型政府&#xff0c;利用云计算、移动物联网、人工智能、数据挖掘、知识管理等技术&#xff0c;提高政府在办公、监管、服务、决策中的智能水平&#xff0c;形成高效、敏捷、公开、便民的新型政府&…