web-dev-qa-db-fra.com

Masquer les caractères du mot de passe dans le champ Vuetify

Voici donc mon champ de mot de passe dans vuetify:

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

Mais quand j'entre du texte c'est clair et pas *****

Comment faire un champ de texte de mot de passe vuetify donc quand un utilisateur tape il n'affichera que ***** et non ce que l'utilisateur tape.

salutations et remerciements

vue.jsvuejs2vue-componentvuetify.js
8
user462794

Ajouter le :type="'password'" à votre composant d'entrée.

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

Vous pouvez vérifier le Vuetify Documentation pour les propriétés du champ de mot de passe.

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

J'ai essayé la réponse acceptée, mais cela n'a pas fonctionné pour moi. Ne liez pas la propriété type. Utiliser comme champ de mot de passe de saisie normal.

5
Sándor Bakos

A eu le même problème que OP et l'a fait fonctionner en utilisant ce qui suit (en utilisant Vuetify v2.1.0)

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