vue3 el-input 小数只能输入两位

Vue 3 中的 `el-input` 组件提供了 `v-model` 用于数据的双向绑定，同时可以通过 `props` 来限制用户的输入。如果你希望用户在输入框中只能输入两位小数，可以使用 `v-model` 结合 `Number` 类型和 `toFixed()` 方法来实现。下面是一个简单的例子：

<template>
  <el-input v-model="inputValue" @input="handleInput" type="number"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: 0
    };
  },
  methods: {
    handleInput(value) {
      // 当用户输入时，将值格式化为保留两位小数的字符串
      this.inputValue = parseFloat(value).toFixed(2);
    }
  }
};
</script>

在这个例子中，我们使用 `handleInput` 方法来监听 `el-input` 的 `input` 事件。每当用户输入时，我们使用 `parseFloat` 函数将输入的字符串转换成数字，然后使用 `toFixed(2)` 方法格式化为保留两位小数的字符串，并更新 `inputValue`。由于 `el-input` 的 `type` 属性设置为 `number`，这也会帮助限制用户输入的其他非数字字符。

注意，尽管我们设置了两位小数的限制，但用户仍然可能使用复制粘贴等方式绕过这个限制，所以在需要严谨处理的场景中，你可能还需要后端进行验证和限制。