uni-app 开发微信小程序问题：多个输入框在点击切换时，焦点失焦的问题

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