vue实现input失焦问题,vue input 输入不了

　　本文主要介绍了Vue项目中输入框焦点时无法调出键盘问题的解决方法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

目录

　　输入框焦点时，键盘问题不会被调出，自动获得输入焦点(包括无法唤起键盘解决方案的ios)。最初的用法。如果想解决ios不生效的问题，

input框focus时不调出键盘问题

　　在移动端，实现输入框的焦点不会同时唤醒手机键盘。

　　亲测有效！！！

　　type= text placeholder= receiving address v-model= address 3 @ focus . prevent= show count f ref= address /

　　showcountF(){

　　this.showcount=true

　　这个。$ refs . address . set attribute( readonly ， readonly )；

　　},

自动获取input焦点(内含ios不能唤起键盘解决方法)

　　为了自动唤醒键盘，点击写评论后会出现输入框，然后键盘会被挂机。

最开始的用法

　　输入出现后添加。

　　这个。$nextTick(()={

　　这个。$refs.input.focus()

　　})

　　对于页面的其他功能，我在上面的代码之后再次调用加载页面数据的方法，发现方法没有生效。具体的解决方案是使用一个延迟装置。

　　setTimeOut(()={

　　这个。$refs.input.focus()

　　}, 500)

　　键盘正常唤醒！

　　Ps:延迟时间不能太短，因为有页面重渲染效果。延迟时间太短会导致延迟停止生效！

　　最后，这个方法在ios中是没有的，因为ios为了安全禁止自动获取输入框焦点方法！

如果想要解决ios不生效办法

　　在App的配置文件(config.xml)中，默认会有一句话

　　preference name= keyboard display requires user action value= true /

　　这大致意味着键盘的显示需要用户触发，并且设置为true！所以改真为假就行了。

　　preference name= keyboard display requires user action value= false /

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。