antd vue a-input-number 输入只能保留两位小数

在Ant Design Vue库中，`a-input-number`组件允许用户输入数字，并且可以通过设置其属性来控制精度。如果你想要限制输入值仅保留两位小数，可以使用`formatter`和`parser`这两个属性。

`formatter`是一个函数，它会在用户输入时将数值转换成字符串显示，而`parser`则是在用户提交表单时将用户的输入解析回数字。你可以自定义这两个函数，例如：

<template>
  <a-input-number
    v-model="value"
    :formatter="(val) => `${val.toFixed(2)}`"  // 保留两位小数并格式化为字符串
    :parser="parseNumber"                         // 自定义解析函数
  ></a-input-number>
</template>

<script>
export default {
  data() {
    return {
      value: '',
    };
  },
  methods: {
    parseNumber(str) {
      // 尝试解析并返回只包含两位小数的数字
      const num = parseFloat(str);
      if (!isNaN(num)) {
        return Number.isNaN(num.toFixed(2)) ? str : num.toFixed(2);
      }
      return str; // 如果解析失败，返回原始字符串
    },
  },
};
</script>

在这个例子中，`toFixed(2)`用于保留两位小数，如果用户输入了非数字字符或超出两位小数的部分，`parseNumber`方法会尝试将其恢复为有效的两位小数形式。