写一个VUE输入框中支持浮点数保留三位小数的正则表达式

在Vue中，可以使用v-model指令绑定输入框的值，并通过正则表达式限制输入框只能输入浮点数并保留三位小数。以下是一个示例代码：

<template>
  <div>
    <input type="text" v-model="inputValue" @input="validateInput" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ""
    };
  },
  methods: {
    validateInput() {
      // 使用正则表达式验证输入值
      const regex = /^\d+(\.\d{1,3})?$/;
      if (!regex.test(this.inputValue)) {
        // 如果输入值不符合正则表达式，则清空输入框的值
        this.inputValue = "";
      }
    }
  }
};
</script>

在上面的示例中，使用了正则表达式/^\d+(\.\d{1,3})?$/来验证输入的值。该正则表达式的含义如下：

• ^ 表示字符串的开头
• \d+ 表示一个或多个数字
• (\.\d{1,3})? 表示一个小数点后跟着一到三位数字的可选部分
• $ 表示字符串的结尾

所以，这个正则表达式可以匹配以下类型的数字：

• 1
• 1.1
• 1.11
• 1.111

但是以下类型的数字将不会匹配：

• .1
• 1.111