前言
前不久在公司用Vue2开发了一个手机充值项目,键盘组件用的vant2
的NumberKeyboard 数字键盘
组件;上线后在IOS
端只有一个vant数字键盘组件,但到了Android
端,输入框一获取焦点不仅vant数字键盘弹出,连手机自带的键盘也弹出来,这用户体验极差,也不美观
。这个兼容性的bug
处理后就整理分享一下,希望能帮助到遇到同问题的朋友。
真实场景再现:
解决方案:
给输入框加上readonly
只读属性就OK了
2024-05-04 07:21:01
前不久在公司用Vue2开发了一个手机充值项目,键盘组件用的vant2
的NumberKeyboard 数字键盘
组件;上线后在IOS
端只有一个vant数字键盘组件,但到了Android
端,输入框一获取焦点不仅vant数字键盘弹出,连手机自带的键盘也弹出来,这用户体验极差,也不美观
。这个兼容性的bug
处理后就整理分享一下,希望能帮助到遇到同问题的朋友。
给输入框加上readonly
只读属性就OK了