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

Question

，这是我的密码字段：

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

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

如何制作vuetify密码textfield，因此当用户类型仅显示*****而不是用户键入的内容时。

问候和感谢

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>