在 Vuetify 字段中隐藏密码字符

Question

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

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

但是当我输入文本时，它是清晰的而不是 *****

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

问候和感谢

原文由 Bussiere 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将 type="password" 添加到您的输入组件。

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

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

原文由 samayo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

我尝试了接受的答案，但它对我不起作用。不要绑定类型属性。用作常规输入密码字段。

原文由 Sándor Bakos 发布，翻译遵循 CC BY-SA 4.0 许可协议