Vue 输入框 el-input 添加校验 oninput

问题描述：

在Vue项目中使用el-input输入时只允许输入特定格式的值

---

解决方案：

提示：也可以用onkeyup等其他办法，但个人觉得oninput最好用

onkeyup在最后输入英文时虽然页面看不到但是会有一个英文字符残留，有可能导致后端接收时报错，代码如下：

<el-form-item label="两位小数:">
<el-input v-model="value"
          oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
           style="width: 80px"></el-input>
</el-form-item>

我用到了以下几种格式

1、两位小数：οninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"

四位小数只需要把上面的2改成4就好了

2.正整数：οninput="value=value.replace(/[^\d]/g,'')"