移动端苹果手机的input框type= number只是唤起数字键盘,但是还能输入汉字

1、今天临下班之前测试突然测出这个BUG,一开始还觉得纳闷,input已经设置成number了啊,为啥还是可以输入汉字,效果复现之后,蒙蔽了,WC;

   搜了很多资料发现只有IOS才有这个问题,试了好几种办法,一开始使用正则替换发现并没有什么效果,后来有加了pattern="[0-9]*"发现也没什么效果;  

2、最终解决办法

 <input class="effect-16" type="tel" pattern="[0-9]*"  v-model.number="" @blur="effectActive($event)"  @input="inputLoad">

  

posted @ 2020-03-13 21:57  FallenLunatic  阅读(622)  评论(0编辑  收藏  举报