vue - 禁止input[number]输入 +、-、e 符号，并且只能输入两位小数_vue type="number" 不能输入

  最近写的项目有要求通过键盘输入数字，不能输入 +、- 符号并且只能留两位小数，还有更高的要求：就是只能输入六位数字，控制最多只能输入三位整数，如果输入了四位包括四位以上的整数就要自动给它们加个小数点，变成小数。研究了许久才找到了解决方法，分享给大家参考使用。

一、html代码

<input type="number" v-model="inputVal" @input="changeInput" onkeyup="value=value.replace(/[^\d^\.]+/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"/>
1

这里的 onkeyup="value=value.replace(/[^\d^\.]+/g,'').replace('.','$#$').replace(/\./g,'').replace('$#$','.')"这段代码的作用就是不允许输入 +、-、e 。

二、js 代码

 // 监听输入框
    changeInput() {
    // 这里是控制小数点后面的个数，这里的是只能输入两位小数
      let inputVal = this.inputVal.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
      
      // 这里是控制输入的位数
1
2
3
4
5