element-ui 解决 el-input 只能输入整数和浮点数的问题

只能输入整数
<el-input
v-model='count'
oninput="value=value.replace(/[^\d]/g,'')"
maxLength='9'
/>
可以输入整数和浮点数
<el-input
v-model='number'
oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}"
maxLength='9'
/>

挖坑------------------------
当对el-input使用这种只能输入数字的限制时,输入法输入文字后会导致双向绑定失效
解决办法
1.在input中使用 @blur='blur'
2.在methods中手动去绑
blur(e) {
this.number = e.target.value
},

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容