elementUI表单使用oninput限制输入数字导致校验有时不通过问题

问题：

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

<el-input oninput="value=value.replace(/[^\d.]/g, '')"></el-input>

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

解决：

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