web-dev-qa-db-ja.com

Vuetifyフィールドでパスワード文字を非表示にする

だから、これがvuetifyの私のパスワードフィールドです：

<v-text-field
  label="Password"
  v-model="password"
  required
></v-text-field>

しかし、私がテキストを入力すると、それは明確であり*****ではありません

ユーザーが入力したときに*****のみが表示され、ユーザーが入力しているものは表示されないように、Vuetifyパスワードテキストフィールドを作成する方法。

よろしくお願いします

vue.jsvuejs2vue-componentvuetify.js
8
user462794

:type="'password'"を入力コンポーネントに追加します。

<v-text-field
 :type="'password'"
></v-text-field>

Vuetify Documentation パスワードフィールドプロパティ用。

11
samayo
<v-text-field type="password"></v-text-field>

受け入れられた回答を試しましたが、うまくいきませんでした。 typeプロパティをバインドしないでください。通常の入力パスワードフィールドとして使用します。

5
Sándor Bakos

OPと同じ問題があり、以下を使用して（Vuetify v2.1.0を使用して）動作させました。

<v-text-field v-model="form.password" label="Password" type="password"></v-text-field>
0
d33j