el-input 只能输入数字和一个小数点,或者只能输入两位小数

news/2024/11/9 16:45:14/
               <el-inputv-model="price":maxlength="20"clearable@input="getNumIpt"@change="getChangeIpt"placeholder="请输入入池资产总额"></el-input>

对小数位数不限要求

  methods: {   getNumIpt(val) {// 非数字 一位小数点 开头不能是小数this.price = val.replace(/[^\d.]/g, "").replace(/^(\d+)\.(\d*).*$/, "$1.$2").replace(/^\.*$/g, "");},getChangeIpt(val) {// 处理小数点后无数字情况,例如12ab. 处理为12this.price  = val.replace(/^(\d+)\.$/, "$1");},
}

若限制只能输入两位小数(只需要变化一下第二个replace的正则)

 getNumIpt(val) {// 小数点后面只能输入小于2位this.queryParams.totalBillYue = val.replace(/[^\d.]/g, "").replace(/^(\d+)\.(\d\d).*$/, "$1.$2").replace(/^\.*$/g, "");},


http://www.ppmy.cn/news/1527032.html

相关文章

综合案例-数据可视化-柱状图

一、基础柱状图 我们绘制一个关于三种水果销售额的柱状图&#xff0c;X轴数据为三种水果的名称&#xff0c;用列表[苹果,香蕉,橘子]添加进去&#xff0c;Y轴数据为三种水果的销售额&#xff0c;用列表[50,70,60]添加进去。 步骤&#xff1a; 导包构建柱状图对象添加X轴数据生…

C++ Primer Plus(速记版)-容器和算法

第九章 顺序容器 容器是存储特定类型对象的集合&#xff0c;标准库提供了多种容器类型以支持不同的使用场景。其中&#xff0c;顺序容器&#xff08;如vector、list、deque&#xff09;根据元素添加到容器中的顺序来存储和访问元素&#xff0c;与元素值无关。 这些顺序容器各有…

C++:析构函数

在销毁对象时&#xff0c;系统也会自动调用一个函数&#xff0c;它就是析构函数。析构函数没有返回值&#xff0c;它的函数名是在类名前加一个 ~ 符号。析构函数没有参数&#xff0c;不能被重载&#xff0c;这也就意味着析构函数只有一个&#xff0c;若没有写虚构函数&#xff…

CSS 响应式设计(补充)——WEB开发系列36

随着移动设备的普及&#xff0c;网页设计的焦点逐渐转向了响应式设计。响应式设计不仅要求网页在各种屏幕尺寸上良好展示&#xff0c;还要适应不同设备的特性。 一、响应式设计之前的灵活布局 在响应式设计流行之前&#xff0c;网页布局通常是固定的或流动的。固定布局使用固定…

鸡蛋检测系统源码分享

鸡蛋检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer Vision …

MySQL中几种常见的行格式

在MySQL中&#xff0c;ROW_FORMAT 是用来指定表中行的存储格式的属性。不同的行格式会影响数据的存储方式&#xff0c;进而影响存储空间的使用效率和访问性能。ROW_FORMATCOMPACT 是其中一种行格式&#xff0c;表示“紧凑格式”。 以下是MySQL中几种常见的行格式&#xff1a; …

数据分析中:相关系数计算方法怎么选择合适?

选择合适的相关系数计算方法可以考虑以下几个方面&#xff1a; 一、数据类型 连续变量与连续变量&#xff1a; 皮尔逊相关系数&#xff1a;当两个连续变量之间呈线性关系&#xff0c;且数据满足正态分布假设时&#xff0c;皮尔逊相关系数是一个很好的选择。它衡量的是两个变量…

.NET 6.0 + WPF 使用 Prism 框架实现导航

合集 - .NET 基础知识(3) 1..NET 9 优化&#xff0c;抢先体验 C# 13 新特性08-202.《黑神话&#xff1a;悟空》神话再现&#xff0c;虚幻引擎与Unity/C#谁更强&#xff1f;08-21 3..NET 6.0 WPF 使用 Prism 框架实现导航09-11 收起 阅读目录 前言什么是Prism?安装 Prism使…