问题：

使用elementUI表单时，领导说数字输入框不能要那两个上下的箭头，所以不能用type="number"限制输入 ，所以我改成用oninput限制输入数字

本来这样写也没毛病，但是使用的时候就经常发现一个问题，明明输入框已经输入数据，可是表单校验还是校验不通过找了很久才发现，先输入一个不是数字的数，然后再输入数字，就有可能会出现校验不通过的情况

解决：

这个问题是因为用了oninput限制输入数字导致的，所以我就想换另外一种方法限制，然后找到一个可以在表单验证rules 那里限制输入数字的方法，{ type: 'number', message: "", trigger: 'blur', transform: (value) => Number(value) } ，参考了这篇文章，判断输入的不是数字不给校验通过。

相关文章

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。