关于mpvue使用Vant组件库的Field输入框组件自动唤起手机软键盘问题分析

前言：

问题场景：需要在本页面点击一个div，动态show一个遮罩层，遮罩层里面有一个输入框，输入框使用Vant的Field组件写的。过程中并没有页面跳转。（本问题场景出现在mpvue中，在vue、H5等其他场景同样可以借鉴。）

 

解决方法：

在template里面引入对应组件（本文用的Vant，可以用原生Input，或者其他组件）

在data ()里面设置聚焦初始为false

在methods中定义点击方法，目的让input获取焦点弹出软键盘