vue input限制输入数字

在Vue中，你可以使用v-model.number来确保输入框中的值被自动转换为数字类型，并且只能输入数字。如果你想进一步限制输入到特定的数字范围，可以使用事件处理器来实现。

以下是一个例子，展示了如何限制用户只能在input元素中输入0到100之间的数字：

<template>
  <div>
    <input
      type="number"
      v-model.number="inputValue"
      @input="limitNumber"
    />
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      inputValue: 0,
    };
  },
  methods: {
    limitNumber(event) {
      const min = 0;
      const max = 100;
      if (event.target.value < min) {
        this.inputValue = min;
      } else if (event.target.value > max) {
        this.inputValue = max;
      }
    },
  },
};
</script>

在这个例子中，v-model.number确保了inputValue是一个数字类型。limitNumber方法会在每次输入时触发，检查输入值是否超出了指定的范围，如果超出了范围，则将值限制在指定的最大值和最小值。