el-input控制只能输入数字时，双向绑定偶尔失效

el-input控制只能输入数字时，双向绑定偶尔失效

<el-input v-model="handleFormData.age" type="number" oninput="value=value.replace(/[^\d]/g, '')"
          placeholder="请输入" style="width: 280px;"></el-input>

输入中文后会触发oninput，v-model绑定的值会被设定为空字符串，这个时候输入数字，v-model绑定的值也不会被赋值，一直为空。此时可以手动绑定blur事件进行赋值。

<el-input v-model="handleFormData.age" type="number" oninput="value=value.replace(/[^\d]/g, '')"
          @blur="handleFormData.age = $event.target.value" placeholder="请输入" style="width: 280px;"></el-input>

以防忘记，记录一下
type=number
作用：带有spinner 组件，配合属性max、min、step有联动效果
控制键盘只能输入数字、+、-
优点：配合滚轮操作体验感比较好
缺点：需求上实现最好结合使用oninput方法（oninput在中文输入法下又要用blur填坑。。）

其他类型详细了解
input type所有功能