Vue Vant 移动端如何禁止手机调起自带的输入键盘

前言

前不久在公司用Vue2开发了一个手机充值项目,键盘组件用的vant2NumberKeyboard 数字键盘组件;上线后在IOS端只有一个vant数字键盘组件,但到了Android端,输入框一获取焦点不仅vant数字键盘弹出,连手机自带的键盘也弹出来,这用户体验极差,也不美观。这个兼容性的bug处理后就整理分享一下,希望能帮助到遇到同问题的朋友。

真实场景再现:

在这里插入图片描述

解决方案:

给输入框加上readonly只读属性就OK了
在这里插入图片描述

上一篇:7、Flink 自定义 WaterMarkGenerator 案例


下一篇:YOLOv3 的非极大值抑制(NMS)算法是如何工作的,它对最终检测结果有何影响?