在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>

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

Answer 3

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

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