//input事件解决限制长度的问题,onKeypress解决可以输入字母e的问题
<el-input
type="number"
v-model="form.pub_num"
@input.native="changeNum"
onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))"
maxlength="999999">
</el-input>
changeNum() {
if (this.form.pub_num.length > 6) {
this.form.pub_num = this.form.pub_num.slice(0, 6);
}
},
element中input输入框type="number"的时候,限制长度,以及解决可以输入字母e,特殊符号+-号
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 注意,此时不能在v-model后添加修饰符,例如v-model.trim 就会使上面的指令失效,具体原因待研究。
- 偶然的机会,PM看我写的页面,然后我自己随便输入一个值的时候,发现number框可以输入“e”,"...",出于好...
- input 输入框type=number 时,上下箭头隐藏 input::-webkit-outer-sp...
- 由于公司项目需求,要做一个只允许输入数字、最多两位小数的输入框,其他字符直接不让输入,超出也不让输 试了很多种办法...
- input type=number每次输入数字时,多出来的上下黑箭头不想用,但是又想使用number输入控制 样式...