移动键盘不聚焦文本字段 - Vuetify

Question

我真的迷失在这一点上。这是我的代码：

<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 DevTools 查看浏览器并使用 PC 键盘也可以。但是使用 phone 的键盘直接输入则不行。文本只是覆盖在标签上。

更有趣的是，如果您输入 space 或标点符号，然后输入字母，它会正确聚焦。

是的，这就是我在文件中的所有代码还没有添加到 export defaults

使用 nuxt v2.12.2 和 @nuxtjs/vuetify v1.11.2

编辑：我打开了 GitHub issue here。如果这里没有得到解答，您可以随时查看问题。

Answer 1

在我的例子中，问题是由于 vuetify 版本 - v2.2.22 是最后一个正常工作的版本。现在尝试按照此处的说明降级您的软件包（尝试使用不同的软件包版本进行试验）：https://forum.vuejs.org/t/how-to-update-vuetify-to-latest-version-in-nuxt-js/66326

移动键盘不聚焦文本字段 - Vuetify

Mobile keyboard does not focus text field - Vuetify

focus

vue.js

nuxt.js

vuetify.js