0

我在使用 NuxtJS 时遇到了 iPhone 默认键盘的问题。

当我在主屏幕上安装了 2 个 PWA 应用程序时发生了这种情况。键盘不见了（例如，请参阅我的屏幕截图）。

重现问题的步骤

  1. 安装 2 个 PWA 应用程序（将它们保存到主屏幕）
  2. 打开第一个应用程序，专注于输入字段（我的网站）=> 键盘显示正确
  3. 单击返回主页按钮，返回主屏幕
  4. 打开第二个应用程序，专注于输入字段（在本例中我使用 Pinterest）=> 此步骤中缺少键盘

它完美地在Android上运行......

示例截图

这个问题的源代码，仅供参考

<ValidationProvider :name="$t('authenticate.form_data._email')" vid="email" rules="required|email" v-slot="{ errors }">
    <div class="email-input mb-4">
        <label for="email" class="block text-gray-400 text-sm mb-1">
            {{ $t('authenticate.form_data._email') }}</label>
        <input id="email"
            class="shadow appearance-none borderrounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline"
            type="text"
            :placeholder="$t('authenticate.form_data._email_pl')"
            aria-describedby="emailHelp"
            v-model="formData.email"
            autofocus
            @blur="hiddenKeyboard"
            ref="inputFocus">

        <span class="text-xs text-red-700" id="emailHelp">{{
            errors[0]
          }}</span>
    </div>
</ValidationProvider>
4

0 回答 0