【问题标题】: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 密码文本字段,以便在用户输入时仅显示 ***** 而不是用户输入的内容。

问候和感谢

【问题讨论】:

    标签: vue.js vuejs2 vue-component vuetify.js


    【解决方案1】:

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

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

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

    【讨论】:

    • 不需要添加为静态字符串变量,直接使用type="password"
    【解决方案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>
      

      【讨论】:

        猜你喜欢
        • 2013-12-28
        • 1970-01-01
        • 2014-11-21
        • 2019-09-10
        • 1970-01-01
        • 2018-01-23
        • 1970-01-01
        • 1970-01-01
        • 2022-10-24
        相关资源
        最近更新 更多