在 Vuetify 字段中隐藏密码字符

Question

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

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

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

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

问候和感谢

Answer 1

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

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

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

Answer 2

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

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

Answer 3

遇到了与 OP 相同的问题，并通过使用以下命令使其正常工作（使用 Vuetify v2.1.0）

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

Making password characters hidden in Vuetify field