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
Type in the password field and press the eye icon to show or hide the password.
You can use the @click:clear="()" so you can clear your text at the same time it will call the function.
Changing text color and background color is easy with Vuetify, too. For the background color, simply add the name of the required color to the element's class. For text color, just add the color name followed by --text .
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With