Nuxt.js+Vue.js+Vuetifyで「[DOM] Input elements should have autocomplete attributes」
今回はNuxt.js+Vue.js+Vuetify環境で下記のようなwarningが出たときの対処法についてご紹介していきます。
|
1 |
[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq) |
Nuxt.jsのバージョンは3.11.2となります。
Nuxt.js+Vue.js+Vuetifyで「[DOM] Input elements should have autocomplete attributes」
結論から言うと、usernameやcurrent-passwordなどの一般的な値に対するテキストフィールドについては、ユーザーが入力しやすいようにautocompleteが推奨されております。
autocompleteはユーザーネームとパスワードをブラウザに保存して画面を開いたときに自動で入力するやつです。
例えばVuetifyを使っている場合はv-text-fieldなどを使っていると思いますが、autocompleteに値を入れてあげましょう。
|
1 2 3 4 5 6 |
<v-text-field label="パスワード" type="password" v-model="password" autocomplete="current-password" /> |
上記のようにすればwarningは消えると思います。
終わりに
今回はNuxt.js+Vue.js+Vuetify環境で冒頭のようなwarningが出たときの対処法についてご紹介いたしました。