前端输入框限制只能输入数字并且小数点前后都只能输入固定的位数

输入框设置只能输入数字，并且只能输入一个小数点，小数点前最大只能4位，小数点后3位

<el-input v-model="taxrate" @input="inputVal" />

inputVal () {
      this.taxrate = this.taxrate.replace(/[^\d.]/g, '')

      // 检查是否存在多个小数点
      const decimalCount = (this.taxrate.match(/\./g) || []).length;
      if (decimalCount > 1) {
        // 如果有多个小数点，则只保留第一个小数点前的内容
        const indexOfFirstDecimal = this.taxrate.indexOf('.');
        this.taxrate = this.taxrate.substring(0, indexOfFirstDecimal + 1) + this.taxrate.substring(indexOfFirstDecimal + 1).replace('.', '');
      }

      const parts = this.taxrate.split('.');

      // 限制整数部分最多四位（根据实际情况限制位数）
      if (parts[0] && parts[0].length > 4) { // 如果长度大于4
        this.taxrate = parts[0].substring(0, 4); // 取前四位
      }

      // 如果只输入了一个小数点，则默认在小数点前面加个0
      if (this.taxrate === '.') {
        this.taxrate = '0.';
      }

      // 限制小数部分最多三位（根据实际情况限制位数）
      if (parts[1] && parts[1].length > 3) {
        // 如果小数点后超过三位，则只保留三位
        this.taxrate = parts[0] + '.' + parts[1].substring(0, 3);
      }
      if (this.taxrate !== '' && parseInt(this.taxrate) < 0) {
        this.taxrate = '';
      }
    }