Vue.js 移动键盘不聚焦文本字段-Vuetify
我真的迷路了。这是我的代码:Vue.js 移动键盘不聚焦文本字段-Vuetify,vue.js,focus,vuetify.js,nuxt.js,Vue.js,Focus,Vuetify.js,Nuxt.js,我真的迷路了。这是我的代码: <template> <v-container> <v-row> <v-col cols='12'> <v-text-field label="This is a label" single-line solo
<template>
<v-container>
<v-row>
<v-col cols='12'>
<v-text-field
label="This is a label"
single-line
solo
></v-text-field>
</v-col>
</v-row>
</v-container>
</template>
如果我在桌面上的字段中输入文本,就可以了。甚至可以通过Chrome开发工具和PC键盘查看浏览器。但使用手机键盘直接输入则不行。文本刚好覆盖在标签上
更有趣的是,如果您键入空格或标点符号,然后键入字母,它会正确聚焦
是的,这就是我在文件中的所有代码,我甚至还没有在导出默认值中添加这些代码
使用nuxt v2.12.2
和@nuxtjs/vuetify v1.11.2
编辑:我已经打开了一个。如果在这里没有得到回答,您可以随时检查问题。在我的情况下,问题是由于vuetify版本-v2.2.22是最后一个正常工作的版本。现在,请尝试按照此处的说明降低软件包的级别(尝试使用不同的软件包版本):第二步。我将进一步说明,这不是聚焦问题,该元素可以很好地获得聚焦,但不知何故无法处理移动设备上的输入事件-如果计数器存在,它也将保持在0,直到按下eg空格键。将焦点切换到其他元素也会触发textfield/textarea来处理输入。github的相关问题:本应使用vuetify的最新更新解决,但使用@2.2.26仍会遇到相同的问题。这个问题可能是我的手机(Blackberry Key2)特有的,因为它有自定义的软键盘。这个问题是针对实际的vuetify模块,而不是nuxt社区模块。我不知道vuetify何时更新,nuxt vuetify是否也会更新?我一直以为他们是分开的things@ego可能不会,我的iOS和Android用户抱怨我手机上的键盘软件(在playstore安装/更新谷歌键盘)为我解决了这个问题。。。试试看,如果它能工作的话——因为临时修复程序可能会发出通知,要求用户更新键盘应用程序(直到软件包修复问题)。或者更好的用户体验,但黑客解决方案-如果您没有太多的输入,可能会以一定的间隔执行ref.blur()、nexttick和ref.focus(),比如300ms。