vue3让输入框只能输入数字

在Vue3中，可以使用v-model指令结合一个自定义的输入事件来限制输入框只能输入数字。下面是一个示例代码：

<template>
  <input v-model="inputValue" @input="handleInput" type="text">
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    handleInput(event) {
      // 使用正则表达式替换非数字字符为空字符串
      this.inputValue = event.target.value.replace(/\D/g, '');
    }
  }
}
</script>

在上面的代码中，使用v-model指令将输入框的值绑定到inputValue属性上。然后，在输入事件@input中，使用正则表达式/\D/g替换非数字字符为空字符串，从而限制输入框只能输入数字。

请注意，这只是一个简单的示例，如果需要更复杂的输入限制，可以使用更复杂的正则表达式或其他验证方法