vue input输入框只可以输入数字

你可以使用Vue的指令v-on:keypress.prevent和v-on:input来实现只能输入数字的效果。

首先，在input标签上添加v-on:keypress.prevent指令来阻止非数字字符的输入：

<input v-on:keypress.prevent="onKeyPress" v-model="inputValue" type="text">

然后，在Vue实例中定义onKeyPress方法，判断输入的字符是否为数字：

new Vue({
  el: '#app',
  data: {
    inputValue: ''
  },
  methods: {
    onKeyPress: function(event) {
      if (!/[0-9]/.test(String.fromCharCode(event.keyCode))) {
        event.preventDefault();
      }
    }
  }
})

这样就可以实现只能输入数字的效果了。