vue.js - 如何防止 v-text-field 上的 TypeError 输入键向上

Question

我有以下带有单个 v-text-field 和一个按钮的 Vuetify 表单:

<v-form v-model="valid" ref="form" @submit.prevent>
      <v-container>
        <v-layout>
          <v-flex
            xs12
            md8
          >
            <v-text-field
              v-model="name"
              :rules="nameRules"
              :counter="max"
              maxlength='max'
              :label="$t('Save new name')"
              required
              clearable
              @keyup.enter.prevent='onEnterPressed'
            ></v-text-field>
          </v-flex>

          <v-flex
            xs12
            md4
          >
            <v-btn
              :loading="saving"
              :disabled="!valid || saving"
              color="info"
              @click="processNewName"
            >
              <v-icon left dark>fa-save</v-icon>
              {{ $t('Save') }}
            </v-btn>
          </v-flex>
        </v-layout>
      </v-container>
    </v-form>

目前这些是我的方法:

onEnterPressed() {
  console.log('enter pressed');
},
processNewName() {
  ...
}

我正在使用 @submit.prevent 在按下 Enter 按钮时停止刷新页面。

目前看来一切正常。但是，当我按下回车按钮时，在控制台中我收到此错误消息:

Uncaught TypeError: Cannot read property 'type' of undefined
at e.setFieldValue (onloadwff.js:71)
at HTMLFormElement.formKeydownListener (onloadwff.js:71)

在onloadwff.js 中，错误指向以下代码:

if("password"===r.type)

所以 r 是未定义的。我怎样才能防止这种情况发生？我已经试过用@keyup.enter.prevent.native，试过@keydown.enter.prevent，试过点@submit.prevent到 processNewName 方法...此错误不断出现。

我在 Vuetify 站点检查了 v-text-field 组件，似乎有时他们在他们的一些例子中也会遇到这个错误，但不是全部。但我不知道该怎么做才能防止这种情况发生。有什么想法吗？

编辑

经过进一步调查，我发现 onloadwff.js 属于 LastPass 插件。在没有该插件的情况下检查不同的浏览器，发现一切正常。

Answer 1

此错误来自您的 LastPass 插件，并在 Github 上针对各种框架进行了讨论:

• vuejs/vue-cli
• KillerCodeMonkey/ngx-quill
• mui-org/material-ui
• SAP/openui5

这不是最好的解决方案，它更像是一个解决方法，但现在我要么:

• 禁用 LastPass
• 避免使用 <v-form>