vue限制输入框只能输入数字

要限制输入框只能输入数字，你可以使用Vue的指令来实现。下面是一个示例代码：

<template>
  <div>
    <input v-model="inputValue" v-on:input="restrictInput" type="text">
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    restrictInput(event) {
      // 正则表达式，只允许输入数字
      const regex = /^\d*$/;
      const input = event.target.value;
      
      if (!regex.test(input)) {
        // 如果输入不是数字，则去除非数字字符
        this.inputValue = input.replace(/\D/g, '');
      }
    }
  }
}
</script>

这个示例中，我们使用了v-model指令来实现双向绑定，将输入框的值与Vue实例的inputValue属性进行绑定。然后使用v-on:input指令监听输入事件，并在事件处理函数restrictInput中进行限制。

在restrictInput方法中，我们使用了正则表达式`/^\d*$/`来匹配输入的内容是否为纯数字。如果输入不是数字，则使用`replace`方法去除非数字字符，并将处理后的值赋给inputValue，从而实现限制只能输入数字的效果。