vant 组件中的 NumberKeyboard在运用到移动端时,IOS和Android都会出现bug,感觉是个巨坑。
一、bug情况
IOS:输入数字会出现延迟卡顿的情况,我开始以为是IOS未引入fastclick的问题,但引入后问题并未解决
Android:输入数字后,会将上一个输入的数字清除,再将这次输入数字显示,也就是每次只能显示当前输入的数字
二、解决办法
自己写一套键盘和样式
html部分
<transition name="keyBroad-transform" mode="out-in">
<ul class="numKeyBroad" v-if="isShowKeyBroad">
<li @click="ceshicb('1')">1</li>
<li @click="ceshicb('2')">2</li>
<li @click="ceshicb('3')">3</li>
<li @click="ceshicb('4')">