Making password characters hidden in Vuetify field

Had the same problem as OP and got it to work by using the following (using Vuetify v2.1.0)

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

Add the type="password" to your input component.

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

You can check the Vuetify Documentation for password field properties.


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

I tried the accepted answer, but it did not work for me. Do not bind the type property. Use as a regular input password field.