Element-ui input 输入框限制只能输入数字的问题

需求说明

后台管理系统，使用element-ui el-input组件，要求只能输入数字，最先使用的办法：

<el-input
 v-model.number='count'
 type='number'
 maxLength='9'
/>
复制代码

存在的问题

1. maxLength不生效
2. 可以输入e
3. 可以输入1.1.....11...1
复制代码

目前解决的办法（可以生效）

<el-input
 v-model='count'
 oninput="value=value.replace(/[^\d]/g,'')"
 maxLength='9'
/>
复制代码

目前存在的问题

今天自己测试的时候偶然发现，有时候会出现输入框的值没有绑定到v-model上，
暂时不知道原因，也比较难复现，还请大佬请教。
复制代码

拓展

保留小数点后几位
复制代码

<el-input
 v-model='number'
 oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"
 maxLength='9'
/>
复制代码

希望看到的大佬指出存在问题或者说下更好的解决办法， 谢谢！

转载于:https://juejin.im/post/5ce77ebcf265da1b9612de0a