Search code examples
vue.jsvuejs2vue-componentvuetify.js

Making password characters hidden in Vuetify field


So here is my password field in vuetify :

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

But when i enter text it's in clear and not *****

How to make a vuetify password textfield so when a user type it will show only ***** and not what the user is typing.

regards and thanks


Solution

  • 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.