vue输入框只能输正整数

在Vue.js中，为了限制输入框（通常是`<input type="number">`）只接受正整数，你可以结合v-model指令和自定义事件或者计算属性来实现。下面是一个简单的示例：

<template>
  <div>
    <input v-model.number="integerValue" @input.prevent="checkInteger">
    <p v-if="errorMessage">{{ errorMessage }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      integerValue: '',
      errorMessage: ''
    };
  },
  methods: {
    checkInteger(e) {
      const value = parseInt(this.integerValue);
      if (isNaN(value) || value <= 0 || !Number.isInteger(value)) {
        this.errorMessage = '请输入正整数';
      } else {
        this.errorMessage = '';
      }
    }
  }
};
</script>

在这个例子中：
- `v-model.number`确保输入的是数字，并自动转换成整数。
- `@input.prevent`阻止了默认的行为（例如，按Enter键提交表单），以便我们可以处理输入验证。
- `checkInteger`方法在用户输入后检查输入值是否满足条件，如果不是正整数，则显示错误消息。