el-input只能输入两位小数点的正数

在 Vue.js 中，`el-input` 是 Element UI 组件库中的一个输入框组件。如果你想限制用户只能输入两位小数的正数，可以通过结合使用 `v-model` 与自定义的验证方法和正则表达式来实现。以下是一个简单的例子：

1. 首先，在模板中使用 `el-input` 组件，并设置 `type` 为 `"number"`，以确保输入的是数字：

<el-input v-model.number="decimalNumber" :rules="decimalRules" placeholder="请输入两位小数"></el-input>

2. 定义 `decimalNumber` 数据属性来存储用户输入的值：

data() {
  return {
    decimalNumber: null,
    decimalRules: [{ type: 'number', message: '请输入数字', trigger: 'blur' }],
  };
},

3. 定义 `decimalRules` 规则，其中包含一个验证函数，用于检查输入的小数位数：

methods: {
  validateDecimal(num) {
    const regex = /^\d+(\.\d{1,2})?$/; // 正则表达式，限制最多两位小数
    return regex.test(num);
  },
},

4. 更新验证规则，当用户输入时实时验证：

methods: {
  ...,
  decimalRules: [
    { type: 'number', message: '请输入数字', trigger: 'blur' },
    { validator: this.validateDecimal, trigger: 'input' },
  ],
},

现在，当你输入时，`validateDecimal` 方法会在输入时触发，如果输入不符合规则（不是数字、超过两位小数），输入框旁边会显示错误提示。