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

效果:整数部分可以输入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"来进行限制,看了网上的很多方法,都不够优雅简洁,此方法更为简单易懂

posted @ 2023-01-03 12:29  chenSee  阅读(1059)  评论(0编辑  收藏  举报