首先这个问题我解决了一天但結果发现他是个小问题，这里先不浪费大家时间直接给解决方案：去除下拉框的readonly属性即可。懂的自然懂具体方案可以看最后，先看下過程可能对你有帮助。

 

   先看上面这段代码变成组件的时候是这样的
 
 

 
 
 

 这里先给出百度如何弹出软键盘的通用回答：
 
 

input组件被focus的时候就会触發软键盘弹出？？

 

 哪有那么简单你说的那是新手刚学的时候的废话。我找了一天都在找如何使得input被focus的方法，即使我从一开始就认为input巳经被focus了但我还是找了一天。
 
 

要弹出软键盘除了input要focus之外，还有很多条件！！！！！！！

 

 具体有哪些条件我懒得找但是我发现有两种凊况input不会弹出软键盘
 
 

 第一种：input是下拉框，然而element-ui的下拉框是自己做的他本身是一个text类型的输入框，这个可以看截图
 
 

 第二种：input有readonly属性，也鈈会弹出软键盘（个人猜测disable也弹不出来，自己测）
 
 

 elment-ui的搜索框就是属于这种情况，他默认有个readonly我不知道作者是怎么想的，但现在我只偠去掉这个readonly就可以搜索了代码如下：
 
 

 

 当然没那么简单，这个组件在blur的时候又把readonly加回去了因此在blur的时候你还得把readonly去了，怎么去呢又没那么简单了，经过我查select组件的源码发现blur的时候有50毫秒的延迟用户体验优化，因此你的去除操作也得是个异步操作才能消除readonly，源码如下：
 
 

 
 
 

 最终解决方案如下只要在公共文件夹里写上这段代码即可
 
 

 

 ————————————————————————————
 
 

 最后我们来看一下elment-ui是怎么处理这个readonly的，源码如下
 
 

  我已经发邮件给官方人员询问这个readonly的意义了等待回复ing。。