⛔

【Vue】ブラウザによる自動補完を無効化する

2023/02/07に公開

はじめに

アプリ内に表示するデータ登録をするフォームで不要な自動補完がブラウザによって機能していたので、それを無効化した備忘録です。

autocomplete="off"を追加します。

inputタグと同様です。

例：v-text-field

<v-text-field
    :value="value"
    filled
    dense
    outlined
    autocomplete="off"
    @click="(event) => $emit('click', event)"
 />

ウェブサイトがautocomplete="off"をユーザー名とパスワードの欄に設定していた場合でも、ブラウザーはログイン情報を記憶するか尋ねてきて、ユーザーが同意すれば、次回の訪問時にログイン欄を自動入力します。