Vue 输入框限制：最大4字节浮点数，保留三位小数

<template>
  <div>
    <input type="text" v-model="inputValue" @input="validateInput" />
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    validateInput() {
      // 使用正则表达式验证输入值
      const regex = /^[-+]?[0-9]{1,4}(?:.[0-9]{0,3})?$/;
      if (!regex.test(this.inputValue)) {
        // 如果输入不符合要求，则将输入值重置为空字符串
        this.inputValue = '';
      }
    }
  }
};
</script>
<p>在这个示例中，我们在<code>validateInput</code>方法中使用了正则表达式<code>/^[-+]?[0-9]{1,4}(?:.[0-9]{0,3})?$/</code>来验证输入值。这个正则表达式匹配了以下规则：</p>
<ul>
<li><code>^[-+]?</code>: 可以以正负号开头</li>
<li><code>[0-9]{1,4}</code>: 1到4个数字</li>
<li><code>(?:.[0-9]{0,3})?</code>: 可选的小数部分，由一个小数点和0到3个数字组成</li>
</ul>
<p>如果输入值不符合上述规则，则将输入值重置为空字符串，从而限制了输入框中只能输入最大4字节浮点数，保留三位小数的要求。</p>