当前位置: 首页 > news >正文

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

               <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.mrgr.cn/news/25365.html

相关文章:

  • 线程---实践与技巧(C语言)
  • 线程池的应用-->2
  • 职场效率提升秘籍
  • 合成控制法SCM
  • CSS——盒子模型
  • 数据处理与统计分析篇-day02-Linux进阶
  • 山峰个数【python实现】
  • 未来工业,新质赋能!迈威通信邀您共赴智造盛宴
  • C++多态讲解
  • 「漏洞复现」SPIP porte_plume插件 远程代码执行漏洞(CVE-2024-7954)
  • 装杯 之 Linux 指令1
  • NPDP|在传统行业,怎么做好产品管理?有啥诀窍
  • 计算机专业选题推荐-基于Java的企业员工考勤小程序
  • 简单分享-获取.txt文件内数据 文件内数据逗号分隔 分隔符 C语言
  • FreeRTOS 项目剖析
  • 征稿啦!第 19 届「中国 Linux 内核开发者大会」重磅启动
  • C++——STL中的迭代器(Iterator)补充
  • 新品|瑞芯微RK3588工控机IPC8801适用AI算力、边缘计算、工业视觉
  • 1265:【例9.9】最长公共子序列 动态规划
  • 养宠浮毛严重怎么清理?希喂、范罗士、IAM宠物空气净化器真实测评