vue element ui input 正则验证验证输入框只能保留三位小数

在Vue.js结合Element UI的Input组件中，你可以通过设置`v-model`绑定的值的正则表达式来进行数值保留特定位数的小数验证。例如，如果你想限制用户输入三位小数，可以这样做：

首先，在HTML部分创建一个输入元素，并添加`v-model`指令：

<el-input v-model="inputValue" :placeholder="placeholder" :rules="[decimalRule]"></el-input>

然后，在你的Vue实例中，定义一个正则表达式规则`decimalRule`以及对应的属性`inputValue`：

data() {
  return {
    inputValue: '',
    placeholder: '请输入数值',
    decimalRule: { validator: validateDecimal, message: '只允许三位小数' },
  };
},
methods: {
  validateDecimal(value) {
    const regex = /^\d+(\.\d{1,3})?$/; // 正则表达式，匹配整数和最多三位小数
    return regex.test(value);
  },
},

这个正则表达式`/^\d+(\.\d{1,3})?$/`的工作原理是：
- `^` 表示开始
- `\d+` 匹配一串数字
- `(\.\d{1,3})?` 匹配零个、一个或多个点后跟最多三位数字，`?` 表示这部分是可选的
- `$` 表示结束

如果输入不符合这个规则，`validateDecimal`方法会返回`false`，Element UI的表单验证就会显示错误提示。