vue3表单验证必须为正整数

好的，针对您的问题，我可以为您提供一个Vue 3表单验证正整数的示例代码：

<template>
  <div>
    <form @submit.prevent="submitForm">
      <label>
        Number:
        <input v-model.trim="number" type="text" />
      </label>
      <p v-if="!isPositiveInteger(number)">Please enter a positive integer.</p>
      <button type="submit" :disabled="!isPositiveInteger(number)">Submit</button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      number: "",
    };
  },
  methods: {
    isPositiveInteger(value) {
      const number = parseInt(value);
      return Number.isInteger(number) && number > 0;
    },
    submitForm() {
      // Handle form submission
    },
  },
};
</script>

这段代码中，我们使用了Vue 3的模板语法和事件处理。在模板中，我们绑定了一个输入框的值到`number`属性上，并使用了`v-model.trim`指令去掉输入框两端的空格符。我们也添加了一个`<p>`标签，用于在输入框中输入非正整数时显示错误信息。在这个示例中，我们使用一个`isPositiveInteger()`方法来检查输入值是否是一个正整数。如果是，`isPositiveInteger()`方法返回`true`，否则返回`false`。最后，在“Submit”按钮上，我们使用了`:disabled`属性来禁用按钮，如果输入值不是正整数的话。

希望这个示例能够回答您的问题。如果您有任何疑问，请随时问我。