el-input限制只能输入合法的数字

// 校验输入的数字是一个合法有效的数字
export function setValue(e) {return e.replace(/[^0-9.]/g, "") // 移除非法字符  .replace(/^0+/, "0").replace(/^0+(\d+|\.$)/, "0$1") // 只保留一个开头的零(如果存在),并处理以零开头且后面可能跟着点的情况  .replace(/\.{2,}/g, ".")// 确保只有一个小数点(虽然在这个逻辑下可能是多余的,因为前面的处理已经避免了多个点)  .replace(/\./g, function (match, index, string) {return index === string.indexOf(".") ? "." : "";}).replace(/^0+(?=\d)/, "")|| ""; // 如果结果为空字符串,则返回"0"  
}

在组件或页面中使用

<el-input :formatter="(value) =>`¥ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')" :parser="(value) => setValue(value)" v-model="scope.row.list_price"@blur="changePrice(item, scope.$index, 'list_price')" size="small"></el-input>

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

如若内容造成侵权/违法违规/事实不符,请联系一条长河网进行投诉反馈,一经查实,立即删除!

相关文章

智能AI快速生成演示文

文多多AIPPT&#xff1a;智能AI快速生成演示文稿&#xff0c;仅需提供核心主题&#xff0c;1分钟内即可完成PPT创作&#xff01; 通过点击图片或链接进行注册&#xff0c;您将获得9次免费体验文多多AIPPT的机会。https://docmee.cn/?sourceiui 当谈到PPT&#xff0c;很多人的第…

google adsense广告费中国收款结算被银行拒解决办法

多年前搞了几个网站&#xff0c;挂了谷歌google adsense广告&#xff0c;不知道不觉到了100美金最低结算&#xff0c;谷歌给我打款&#xff0c;之前是绑定交银银行的。被银行镜内登陆谷歌不合法不合规给拒绝入账&#xff0c;把美金退回了&#xff0c;怎么办&#xff1f; googl…

小语言模型介绍与LLM的比较

小模型介绍 小语言模型&#xff08;SLM&#xff09;与大语言模型&#xff08;LLM&#xff09;相比&#xff0c;具有不同的特点和应用场景。大语言模型通常拥有大量的参数&#xff08;如 GPT-3 拥有 1750 亿个参数&#xff09;&#xff0c;能够处理复杂的自然语言任务&#xff…

哲学家就餐问题(Java实现信号量和PV操作)

哲学家就餐是经典的PV操作。 一个哲学家同时拿起左边的筷子和右边的筷子进行就餐&#xff0c;每一个哲学家都会等待右边的筷子&#xff0c;具备了死锁问题之一的循环等待。 基础的哲学家就餐问题代码 在Java中&#xff0c;Semaphore 是一个用于控制对某个资源的访问的同步工具…

TwinCL: A Twin Graph Contrastive Learning Model for Collaborative Filtering

TwinCL: A Twin Graph Contrastive Learning Model for Collaborative Filtering 摘要 在推荐和协同过滤领域&#xff0c;图对比学习&#xff08;Graph Contrasive Learning&#xff0c;GCL&#xff09;已经成为一种有影响的方法。然而&#xff0c;对比学习有效性的原因还没有…

虚拟现实辅助工程技术如何加速汽车设计与制造

汽车行业正面临着以超常速度进行创新的压力&#xff0c;以满足新出现的环境、技术和社会需求。这就要求产品开发具有极高的效率和准确性。传统的汽车产品开发周期通常依赖于大量的物理原型和实际测试。这些设计周期冗长、成本高昂、资源密集&#xff0c;当需要更改设计时&#…

基于卷积神经网络的农作物病虫害识别系统(pytorch框架,python源码)

更多图像分类、图像识别、目标检测等项目可从主页查看 功能演示&#xff1a; 基于卷积神经网络的农作物病虫害检测&#xff08;pytorch框架&#xff09;_哔哩哔哩_bilibili &#xff08;一&#xff09;简介 基于卷积神经网络的农作物病虫害识别系统是在pytorch框架下实现的…

现代配电系统中的预付费电能计量装置有哪些功能?

随着社会的快速发展和用电需求的不断增长&#xff0c;传统的后付费电能计量方式逐渐暴露出诸如欠费问题、计费不准确、管理复杂等缺点&#xff0c;无法适应日益复杂的电力供应和消费需求。预付费电能计量装置作为一种新型的电能管理方式&#xff0c;因其具备便捷、智能等特点&a…

优化文本嵌入,大幅提升RAG检索速度

大家好&#xff0c;文本嵌入技术能够将文字信息转换成高维向量表示的数字&#xff0c;提供了一种理解和处理文本数据的新方式&#xff0c;帮助我们更好地理解和处理文本数据。这些向量能够捕捉文本的深层特征&#xff0c;进而支持多种应用&#xff0c;比如理解语义、进行文本分…

【通信领域术语】MNO 和 MVNO 的简介

定义与关系 MNO 和 MVNO 是两种不同类型的移动运营商。 MNO(Mobile Network Operator,移动网络运营商)指利用物理网络基础设施提供移动服务的一种移动服务提供商。 MVNO(Mobile Virtual Network Operator,虚拟移动网络运营商)不拥有网络基础设施。 两者最大的区别在于,…

868历年真题算法设计题+程序设计题

11.52013年真题*4 一天四道太顶了&#xff0c;11.6-11.15先且两天四道题&#xff0c;先把数学二轮三轮结束&#xff01; 如果程序设计题写不了 核心算法 &#xff0c;但是把思路写上去&#xff0c;只将核心函数空出来也能拿些分&#xff01;&#xff01;DFS大概率不会和stack同…

仿制药一致性评价数据库之药品一致性评价查询

在《我不是药神》电影中&#xff0c;白血病特效药“格列宁”原研药与印度仿制药价格相差近10倍&#xff0c;在仿制药生物等效达到99%以上情况下&#xff0c;你会如何抉择&#xff1f;即便在如今的美国&#xff0c;仿制药也占据了90%以上的用药市场。 正如《仿制药的真相》书中…

【JS学习】08. web API-事件进阶

Web APIs - 第3天 进一步学习 事件进阶&#xff0c;实现更多交互的网页特效&#xff0c;结合事件流的特征优化事件执行的效率 掌握阻止事件冒泡的方法理解事件委托的实现原理 事件流 事件流是对事件执行过程的描述&#xff0c;了解事件的执行过程有助于加深对事件的理解&…

Spring Validation数据校检

文章目录 Spring Validation1 关于Spring Validation2 使用流程3 快速入门4 运行异常处理4.1 说明4.2 处理异常4.3 明确提示消息 5 常用注解5.1 NotNull注解5.2 NotEmpty 注解5.3 NotBlank 注解5.4 Size 注解5.5 Range 注解 6 非POJO参数校验6.1 使用流程6.2 使用示例 Spring V…

Node.js 全栈开发进阶篇

​&#x1f308;个人主页&#xff1a;前端青山 &#x1f525;系列专栏&#xff1a;node.js篇 &#x1f516;人终将被年少不可得之物困其一生 依旧青山,本期给大家带来node.js篇专栏内容:node.js- 全栈开发进阶篇 前言 大家好&#xff0c;我是青山。在上一篇文章中&#xff0c;…

实战| 使用深度学习分割和计算水体和农田面积【Pytorch附源码】

《博主简介》 小伙伴们好&#xff0c;我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 &#x1f44d;感谢小伙伴们点赞、关注&#xff01; 《------往期经典推荐------》 一、AI应用软件开发实战专栏【链接】 项目名称项目名称1.【人脸识别与管理系统开发…

虚拟机 Ubuntu 扩容

文章目录 一、Vmware 重新分配 Ubuntu 空间二、Ubuntu 扩容分区 一、Vmware 重新分配 Ubuntu 空间 先打开 Vmware &#xff0c;选择要重新分配空间的虚拟机 点击 编辑虚拟机设置 &#xff0c;再点击 硬盘 &#xff0c;再点击 扩展 选择预计扩展的空间&#xff0c;然后点击 扩展…

Mybatis的高级用法

MybatisPlus 实体类注释字段 TableName&#xff08;“数据库表名”&#xff09; TableId&#xff08;“主键名”&#xff09; TableField&#xff08;“字段名”&#xff09; BaseMapper接口对象方法 普通查询 1、主键 T selectById(Serializable id) 使用场景为通过主…

excel表格加锁忘密码怎么解决?

百度好多方法都无效&#xff0c;下面方法可行&#xff1a; 点击sheet单元格名称&#xff0c;鼠标右边出现弹框选择“查看代码”&#xff1a; 出现的框中输入以下代码: Sub demo()// 锁定当前工作表&#xff0c;允许筛选操作ActiveSheet.Protect DrawingObjects:True, CONTENT…

Vue中ref、reactive、toRef、toRefs的区别

一、ref、reactive setup 函数中默认定义的变量并不是响应式的&#xff08;即数据变了以后页面不会跟着变&#xff09;&#xff0c;如果想让变量变为响应式的变量&#xff0c;需要使用 ref 和 reactive 函数修饰变量。 ref 函数可以把基本类型变量变为响应式引用reactive 函数…