当前位置:网站首页>解决el-input输入框.number数字输入问题,去掉type=“number“后面箭头问题也可以用这种方法代替

解决el-input输入框.number数字输入问题,去掉type=“number“后面箭头问题也可以用这种方法代替

2022-07-04 15:39:00 是啦啦啦呀


解决element输入框.number数字输入问题

提示:去掉type="number"后面箭头问题也可以用这种方法代替:

例如:规定输入框只能输入数字,在v-model后加.number会出现只有最开始就输入字符,可以输入字符的情况
在这里插入图片描述


提示:以下是本篇文章正文内容,下面案例可供参考

解决方法1:onkeypress

利用正则进行验证

onkeypress="return( /^\d$/.test(String.fromCharCode(event.keyCode) ) )"

解决方法2:@input,注意绑定的值跟自定义方法里的保持一致即可

在这里插入图片描述

![在这里插入图片描述](https://img-blog.csdnimg.cn/8b0d9970dd0b47afa98aaf30f2f4cd5a.png在这里插入图片描述

原网站

版权声明
本文为[是啦啦啦呀]所创,转载请带上原文链接,感谢
https://blog.csdn.net/Alfred_tfk/article/details/125560679