vue限制输入框里输入的数字的小数位

你可以使用 Vue 的指令 `v-model` 和 `v-on:input` 来实现限制输入框里输入的数字的小数位。

下面是一个例子，限制输入框里的数字最多只能有两位小数：

<template>
  <div>
    <input type="number" step="0.01" v-model="value" v-on:input="limitDecimal">
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  methods: {
    limitDecimal() {
      // 将输入的值转换为字符串
      let valueStr = this.value.toString();

      // 判断字符串中是否包含小数点
      if (valueStr.includes('.')) {
        // 获取小数点后面的数字
        let decimals = valueStr.split('.')[1];

        // 判断小数位数是否超过两位，如果超过则截取前两位
        if (decimals.length > 2) {
          this.value = parseFloat(this.value).toFixed(2);
        }
      }
    }
  }
}
</script>

这个例子中，我们使用了 `type="number"` 属性来限制输入框只能输入数字，使用 `step="0.01"` 属性来设置最小增量为 0.01，即限制小数位数为两位。然后，我们使用 `v-model` 指令来绑定输入框的值，使用 `v-on:input` 指令来监听输入框的输入事件。在 `limitDecimal` 方法中，我们先将输入的值转换为字符串，然后判断字符串中是否包含小数点，如果包含则获取小数点后面的数字，判断小数位数是否超过两位，如果超过则截取前两位，最后将处理后的值重新赋值给输入框的值。