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

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

               <el-input
                  v-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. 处理为12
      this.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.kler.cn/news/312530.html

相关文章:

  • OpenHarmony(鸿蒙南向开发)——小型系统内核(LiteOS-A)【时间管理】
  • 探索自闭症寄宿学校的专属教育模式
  • java原子操作类
  • 基于LSTM的文本摘要生成实战教程
  • Python学习的主要知识框架
  • 同样实用的CSS剪裁属性clip-path
  • esp32-C2 对接火山引擎实现语音转文本(二)
  • Windows安装启动:stable-diffusion-webui,AIGC大模型文生图、文生视频,Python
  • 使用mlp算法对Digits数据集进行分类
  • 必应bing广告优势,国内开户注意事项备忘录
  • Windows系统 Bat命令生成快捷方式
  • LLM - 理解 多模态大语言模型(MLLM) 的 指令微调(Instruction-Tuning) 与相关技术 (四)
  • 【例题】lanqiao3225 宝藏排序Ⅰ
  • 2-100 基于matlab的水果识别
  • 【诉讼流程-健身房-违约-私教课-诉讼书提交流程-民事诉讼-自我学习-铺平通往法律的阶梯-讲解(3)】
  • spring MVC 拦截器
  • 本地git仓库配置远程仓库的地址
  • el-table的树形结构结合多选框使用,实现单选父子联动,全选,反选功能
  • SpringBoot结合Mybatis-plus项目直接执行sql语句
  • Vue学习记录之五(组件/生命周期)
  • IO流体系(FiletOutputStream)
  • Go Testify学习与使用
  • Linux环境变量进程地址空间
  • 毕业设计选题:基于springboot+vue+uniapp的驾校报名小程序
  • MySQL从入门到精通二
  • Java企业面试题3
  • MySQL_图形管理工具简介、下载及安装(超详细)
  • 对ViT 中Patch Embedding理解
  • 用友U8二次开发工具KK-FULL-*****-EFWeb使用方法
  • Vue 依赖注入组件通信:provide / inject 使用详解