uni app 开发微信小程序时遇到了这么个问题
如果一个页面有两个以上的 input 输入框,比如下面的例子:
<input class="input" name="username" type="text" :value="username" @input="usernameChange" maxlength="20"placeholder="请输入姓名" />
<input class="input" name="id" type="text" :value="id" @input="idChange" maxlength="20"placeholder="请输入身份证" />
这个时候,当点击第一个输入框并输入完内容后,点击下一个输入框,理想的情况应该是:第二个输入框光标出现,输入法不消失,可继续输入。
然而实际情况却是:第二个输入框的光标不出现,输入法消失,此时需再点击一次第二个输入框,才能正常输入。
网上查了一圈,都说是微信小程序的 bug,解决方法倒是有,网上讲的都挺麻烦,我测试了下,最简单的就是换成 uni app 扩展组件 uni-easyinput
而我最终的解决方法是:把第二个输入框的 type 改成 idcard ,或者 number, digit 之类的,总之两个 type 都是 text 的情况下,就会出现上面的情况。
原理不明,也不知是否真的是微信小程序的 bug
顺带一提,微信小程序搜索 uni app 官方组件演示,它里面的 input 也是这个鸟样,但微信自己的小程序官方演示却是正常的。
来源地址:https://blog.csdn.net/u012175780/article/details/129517253