实现输入框中小数点后只能输入两位

在工作的时候遇到了这个需求,所以记录一下。
其实输入框是可以有长度限制的,比如最大长度最小长度。但有时候只限制长度是不够的,比如我要求只能输入两个小数。一般想到的就是给它限制最大长度为4,但是这导致你整数位只能有一个,但凡你整数位有两个再加上小数点小数点后就只能有一个了。啧,不够丝滑~,还是乖乖用正则吧!

<el-input v-model="input" placeholder="请输入内容" @input="inputnum"></el-input>

<script>
export default {
  data() {
    return {
      input: ''
    }
  },
   methods: {
        // 限制只能在输入框中输入小数点后两位
        inputnum(){
        	this.input = this.input.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')
       }
	}
}
</script>
Logo

前往低代码交流专区

更多推荐