vant数字键盘限制输入两位小数

Vant UI库中的数字键盘组件并没有直接提供限制输入两位小数的功能，但它可以根据Vue.js的数据绑定和事件处理机制自定义实现这个需求。你可以创建一个计算属性来跟踪输入值，并监听用户的输入事件，一旦超过两位小数就进行截断。

首先，在模板中使用`van-number-input`组件：

<van-number-input v-model.number="formattedValue" @input="handleInput"></van-number-input>

然后，在组件的data里声明初始值和计算属性：

export default {
  data() {
    return {
      value: '', // 用户输入原始值
      formattedValue: '', // 格式化后的值，保留两位小数
    };
  },
  computed: {
    formattedValue() {
      const parsedValue = parseFloat(this.value);
      return Number.isNaN(parsedValue) ? '' : parsedValue.toFixed(2);
    },
  },
  methods: {
    handleInput(event) {
      this.formattedValue = event.detail.value;
      if (event.detail.value.length > 4) { // 长度大于4表示包含小数点，检查小数位数
        let lastIndex = event.detail.value.lastIndexOf('.');
        if (lastIndex > 0 && parseInt(event.detail.value.slice(lastIndex + 1), 10) > 99) {
          this.formattedValue = event.detail.value.slice(0, lastIndex + 3); // 截断到第三位小数
        }
      }
    },
  },
};

在这个例子中，每次用户输入，都会触发`handleInput`方法，判断并更新`formattedValue`是否超过两位小数。如果超过，则只保留前三位。