vue.js - 在 Vuetify 字段中隐藏密码字符

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

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

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

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

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

问候和感谢

最佳答案

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

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

您可以查看 Vuetify Documentation用于密码字段属性。

关于vue.js - 在 Vuetify 字段中隐藏密码字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47832811/

相关文章:

javascript - 表格中的 vue 可拖动宽度有问题吗?

vue.js - 如何区分 onChange 方法与首次从 nuxt 服务加载数据

javascript - 如何解决【Vue警告】: props must be strings when using array syntax?

vue.js - 是否可以使用 vue-chartjs 打印图表?

javascript - 在 Vue 组件中使用 Controller 数据

javascript - Laravel 5 VueJS 不工作

node.js - 如何在生产环境中使用 nginx 服务 webpack 构建文件

javascript - Vue JS,如何使 axios 请求 API 在加载 HTML DOM 组件之前首先运行?

vue.js - 如何在 Vue.js 中正确地将 props 数据传递给另一个组件

javascript - 如何在 vuex 中将 2 个参数传递给 getter?