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

前言

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

真实场景再现：

解决方案：

给输入框加上readonly只读属性就OK了