使密码字符隐藏在 Vuetify 字段中答案

【问题标题】：Making password characters hidden in Vuetify field使密码字符隐藏在 Vuetify 字段中
【发布时间】：2018-05-29 16:35:44
【问题描述】：

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

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

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

如何制作 vuetify 密码文本字段，以便在用户输入时仅显示 ***** 而不是用户输入的内容。

问候和感谢

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：