el-input只能输入数字 且支持1位或2位小数

el-input组件在Vue的Element UI库中，用于创建输入框控件。当需要限制用户只能输入数字，并且特定地控制小数点后的位数（例如最多两位小数），你可以通过设置其`type`属性为`number`，并结合自定义事件或者正则表达式来实现这个功能。

以下是基本步骤：

1. 设置`type="number"`：这会限制输入内容只包含数字。
2. 添加v-model绑定：`<el-input v-model.number="yourNumber" />`，`v-model.number`确保值被解析为数值类型。
3. 使用正则表达式验证：在`input`事件监听器里，可以检查用户输入是否符合要求，比如 `/^\d+(\.\d{1,2})?$` 表示整数或最多两位小数。

示例代码如下：

<template>
  <el-input
    type="number"
    v-model.number="formattedNumber"
    @input="validateInput"
  ></el-input>
</template>

<script>
export default {
  data() {
    return {
      formattedNumber: null,
    };
  },
  methods: {
    validateInput(e) {
      const input = e.target.value;
      const regex = /^\d+(\.\d{1,2})?$/;
      if (regex.test(input)) {
        this.formattedNumber = Number(input);
      } else {
        // 如果不符合规则，可以清空输入或显示错误提示
        this.formattedNumber = null;
      }
    },
  },
};
</script>