VUE3 input 限制数字和长度

要在VUE3中实现输入框的数字和长度限制，可以使用以下代码：

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

<script>
export default {
  data() {
    return {
      inputValue: ""
    };
  },
  methods: {
    handleInput() {
      // 只允许输入数字
      this.inputValue = this.inputValue.replace(/[^\d]/g, "");
      // 限制输入长度为10
      if (this.inputValue.length > 10) {
        this.inputValue = this.inputValue.slice(0, 10);
      }
    }
  }
};
</script>

在这个例子中，我们使用了`v-model`指令来双向绑定输入框的值。当用户输入时，我们在`handleInput`方法中处理输入的值，首先使用正则表达式`/[^\d]/g`替换掉所有非数字字符，然后检查输入的长度是否超过10，如果超过，则截取前10个字符。

这样，就可以实现输入框的数字和长度限制了。