Vue中input过滤非数字

新手小白遇到遗留的bug问题，解决input输入查询中数据类型不一致问题。前端查询id条件，后端定义编号id为integer类型，前人挖坑后人填坑（本想直接干掉id查询，，），方法是前端input中过滤非数字，如以下例子

`v-model="query.id"

改为：

v-model.number="query.id" 
οninput="value=value.replace(/^\.+|[^\d.]/g,'')"

用于监听键盘输入，使用正则过滤掉其他字符

结果后面发现数字数字大于Integer的MAX_VALUE后又报错，考虑本身项目和数据量比较小，直接加上 maxlength=“4”，最终为

v-model.number="query.id" 
οninput="value=value.replace(/^\.+|[^\d.]/g,'')"
maxlength="4"