首页 > 其他分享 >el-input 控制输入内容只能输金额

el-input 控制输入内容只能输金额

时间:2023-05-12 16:22:06浏览次数:38  
标签:el val value replace input sNum 输入 row

  formatValue(value,row,item){
      let val = (value && value.split("")) || [];
      let sNum = val.toString(); //先转换成字符串类型
      if (sNum.indexOf('.') === 0) {//第一位就是 .
        sNum = '0' + sNum
      }
      sNum = sNum.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符
      sNum = sNum.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
      sNum = sNum.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
      sNum = sNum.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数
      //以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
      if(sNum.indexOf(".")< 0 && sNum !==""){
        sNum = parseFloat(sNum);
      }
      this.$set(row,item,sNum)
    },
调用部分 在element表格中
 <el-table-column prop="hhaa14004" width="110px" sortable label="" :show-overflow-tooltip="true" align="left">
            <template scope="scope">
              <el-input v-model="scope.row.hhaa14004"  @input="e=>formatValue(e,scope.row,'hhaa14004')"  controls-position="right" style="width: 100%"></el-input>
            </template>
            <template slot="header" slot-scope="scope">
           <span style="color:red;">发票单价</span>
          </template>
          </el-table-column>

 

标签:el,val,value,replace,input,sNum,输入,row
From: https://www.cnblogs.com/ddqyc/p/17394650.html

相关文章

  • Spring表达式(Spring Expression Language,SpringEL)官方文档
    SpringEL是一个强大的表达式语言,支持在运行时查询和操作对象图。官方地址:https://docs.spring.io/spring-framework/docs/5.3.18/reference/html/core.html#expressions需要引入依赖:<dependency><groupId>org.springframework</groupId><artifactId>spring-expression</......
  • Delta/台达PLC-EH3铆压机程序。 3轴,Z轴(SMC)电缸下降的距离用的
    Delta/台达PLC-EH3铆压机程序。3轴,Z轴(SMC)电缸下降的距离用的是位置加扭矩模式,台达PLCMODBUS通讯控制台达A2伺服扭矩,自动上下料,每个点位可跳点,可设位置和扭矩,PLC程序有完整的注释,触摸屏程序,伺服参数设定程序.电气BOM.电气CAD图纸。ID:7913668623547852......
  • Vue内 ElementUI 动态表头渲染顺序错乱问题
    column渲染顺序不正确数据如下:['增加','描述','修改时间']错误显示:原因自定义:同一层级下条件渲染复数个<el-table-column>标签导致的正确做法在一个<el-table-column>标签内通过<template>条件渲染度娘上的一些其他做法添加一个宽度为1的列<el-table-columnwidth......
  • RabbitMQ Shovel使用
    页面概览创建ShovelVirtualhost:虚拟主机Name:创建Shovel名称Source:源protocol:协议,默认AMQP0.9.1,在AMQP1.0中增加address参数url:源broker的URI。此参数指定要从哪个broker拉取消息queue:要复制的队列名称/exchange:要复制的交换机prefetch-count-消费者应获取的每个请......
  • Relationship between services and profile roles of LE Audio
    Exampleoftherelationshipbetweenservicesandprofileroles;theCSIP/CSISprofiles/services, implementationissharedbetweenCaptureandRenderingControlandAudioStreamTransitions,butisdepictedas twoidenticalroles. ......
  • web自动化12-捕获异常NoSuchElementException
    在定位元素的时候,经常会遇到各种异常,遇到异常又该如何处理呢?selenium的exceptions模块,了解异常发生的原因。捕获异常1.出现异常代码会被结束中断,为了可以继续运行,可以用try...except...来捕获异常。捕获后可以输出异常原因,以便于分析异常原因2.从上面的截图看报错提示元素不......
  • Grafana系列-统一展示-7-ElasticSearch数据源
    系列文章Grafana系列文章ElasticSearch数据源Grafana内置了对Elasticsearch的支持。你可以进行多种类型的查询,以可视化存储在Elasticsearch中的日志或指标,并使用存储在Elasticsearch中的日志事件对图表进行注释。配置ES数据源关键的几项配置如下:URL:设置你的Elasti......
  • UITableView 系列五 :自定义UITableViewCell (实例)
    有时候我们需要自己定义UITableViewCell的风格,其实就是向行中添加子视图。添加子视图的方法主要有两种:使用代码以及从.xib文件加载。当然后一种方法比较直观。我们这次要自定义一个Cell,使得它像QQ好友列表的一行一样:左边是一张图片,图片的右边是三行标签:当然,我们不会搞得这么复杂,只......
  • excel中判断某个单元格包含某个字符的方法
    在Excel中,你可以使用FIND或SEARCH函数来判断一个单元格是否包含某个字符。这两个函数都会返回子字符串在单元格内容中的起始位置,如果没有找到子字符串,则返回错误。FIND和SEARCH函数的基本语法是相似的,但FIND函数区分大小写,而SEARCH函数不区分大小写。以下是FIND和SEARCH函数的基......
  • delphi StyleControl中DB控件的使用说明
    这两天听大佬说"可视化绑定"的效率很低,再加对下拉菜单,单选,复选框等控件绑定操作的未知,于是我决定把普通组件,改为DB组件. 正常来讲,基本上所有DB组件只要设置好了数据源和字段绑定,就能显示数据来, 但是我这边就出现了一点意外,源于对sqlite数据库认知度不够的原因......