vben admin 限制表单项Input只能输入数字

vben admin 是基于Vue.js的权限管理系统，它可以帮助开发者快速搭建后台管理界面。如果你想在其中限制某个表单字段（Input）只允许用户输入数字，你可以通过HTML属性、自定义验证规则或者是使用一些前端库来实现。

1. HTML 属性：可以直接在input元素上设置`type="number"`，这样浏览器会自动阻止用户输入非数字字符：

<input type="number" name="yourField" v-model.number="yourValue">

2. Vue.js 验证：在vben admin 的表单组件中，你可以利用Vue的内置验证机制，比如在data中定义rules，然后在methods里监听input值的变化，检查是否为数字：

data() {
  return {
    yourValue: '',
    rules: {
      yourField: { validator: v => v === '' || /^\d+$/.test(v), message: '请输入数字' }
    },
  };
},
methods: {
  handleValidation(field) {
    this.validateField(field);
  },
}

当用户输入不符合规则时，会触发`handleValidation`方法显示相应的错误提示。

3. 前端库：如果你需要更复杂的功能，如正则表达式校验，可以考虑引入第三方库如vue-validator或element-ui自带的验证功能。