Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 移动键盘不聚焦文本字段-Vuetify_Vue.js_Focus_Vuetify.js_Nuxt.js - Fatal编程技术网

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。