首页 > 其他分享 >el-input 使用正则解决限制15位整数和6位小数

el-input 使用正则解决限制15位整数和6位小数

时间:2023-01-03 12:44:55浏览次数:32  
标签:限制 el 15 整数 正则 input 小数

效果:整数部分可以输入1-15位,但是不可以继续输入整数,可以继续输入小数,小数则限制6位,超过6位不可继续输入

<el-input
	v-model.trim="manualInputValue"
	type="number"
	@input="changeManualInput"
></el-input

...

 methods: {
     changeManualInput(val) {
      this.manualInputValue = val.replace(/^(\d{15})\d+|((\.\d{6})\d+)$/g, "$1$3");
    },
 }

使用字符串repalce+正则解决,只需拼接1,3捕获组即可。值的类型限制由input的type="number"来进行限制,看了网上的很多方法,都不够优雅简洁,此方法更为简单易懂

标签:限制,el,15,整数,正则,input,小数
From: https://www.cnblogs.com/wanna2leo/p/17021740.html

相关文章

  • 基于linux下的shell中常用的控制语句
    学习目标:for语句while语句if语句case语句expect语句exitbreakcontinue退出命令的区别:exit直接退出当前脚本break仅仅退出本次循环continue退出本次循环进行下一次循......
  • 基于linux下的shell变量
    变量的定义:变量即在程序运行过程中它的值是允许改变的量,变量是用一串固定的字符来标志不固定的值的一种方法,变量是一种使用方便的占位符,用于引用计算机内存地址,该地址可以存......
  • 基于linux下的shell中的运算及应用实例
    运算方式及运算符号:运算符号意义(*标示常用)+,-加法,减法*,/,%乘法,除法,取余**幂运算++,--自增加,自减少<,<=,>,>=比较符号=,+=,-=,*=,......
  • 基于linux下的shell正则表达式(grep,sed,awk)
    正则表达式:正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一......
  • 基于linux下的shell脚本练习
    shell脚本的简介:打开文本编辑器(可以使用vi/vim命令来创建文件),新建一个文件test.sh,扩展名为sh(sh代表shell),扩展名并不影响脚本执行,见名知意就好,如果你用php写shell脚本,扩......
  • k8s中利用nsenter命令代替容器中安装telnet检查网络
    命令介绍nsenter命令是一个可以在指定进程的命令空间下运行指定程序的命令。它位于util-linux包中。一个最典型的用途就是进入容器的网络命令空间。相当多的容器为了轻量......
  • ELK日志分析平台环境部署
    注释:原理部分粘贴自https://www.cnblogs.com/kevingrace/p/5919021.html日志概念介绍:日志主要包括系统日志、应用程序日志和安全日志。系统运维和开发人员可以通过日志了解......
  • ElasticSearch之Head插件的安装及使用
    3.Head插件上一节说到ES支持​​Restful​​请求,但是那样的话对于我们开发者来说过于麻烦,并且不够直观,我们一般都会使用一个图形化界面来辅助,比如我们用mysql的时候,会用nav......
  • Jenkins持续集成报错stderr: fatal: unsafe repository (‘/home/water/water‘ is ow
    项目场景:为了方便后期对项目进行修改,采用Jenkins持续集成工具自动​​build​​运行Maven项目。问题描述初次构建时报错:StartedbyuserwaterRunningasSYSTEMBuildingin......
  • ElasticSearch之简介及快速入门
    1.ElasticSearch简介1.1什么是ElasticSearch?实时的分布式搜索和分析引擎。基于​​Lucene​​的搜索服务器。提供了一个分布式多用户能力的全文搜索引擎基于​​RESTfulw......