在Vuetify字段中隐藏密码字符

use*_*794 7 vue.js vue-component vuejs2 vuetify.js

所以这是我在vuetify的密码字段:

<v-text-field
  label="Password"
  v-model="password"
  required
></v-text-field>
Run Code Online (Sandbox Code Playgroud)

但是,当我输入文本时,它是明确的而不是*****

如何制作一个vuetify密码文本字段,以便当用户输入它时只会显示*****而不显示用户正在键入的内容.

问候和感谢

sam*_*ayo 11

添加:type="'password'"到您的输入组件.

<v-text-field
 :type="'password'"
></v-text-field>
Run Code Online (Sandbox Code Playgroud)

您可以检查Vuetify Documentation密码字段属性.


Sán*_*kos 5

<v-text-field type="password"></v-text-field>
Run Code Online (Sandbox Code Playgroud)

我尝试了接受的答案,但是它对我没有用。不要绑定type属性。用作常规输入密码字段。