哈哈哈74 2023-08-02 16:54 采纳率: 0%
浏览 12

关于现在遇到的问题是输入密码、切换显示和隐藏时密码都可以显示出来,显示不出星号!(标签-word|关键词-input)

它包含一个 a-input 组件,用于输入密码,并且根据 passwordNewVisible 属性来控制密码是否可见。当 passwordNewVisible 为真时,密码可见,输入的密码将显示出来;当 passwordNewVisible 为假时,密码不可见,输入的密码将显示为星号。现在遇到的问题是输入密码、切换显示和隐藏时密码都可以显示出来,显示不出星号。为了使vue不能回填自动账号密码,不能在登录后弹出这个Google浏览器记住密码的框,所以不能使用a-input-password 和 type=“password”,以下是我的代码,实在看不出来是哪里的问题

<template>
  <a-input
    v-model.trim="passForm.newPassword"
    :show-password="passwordNewVisible"
    placeholder="请输入密码"
  >
    <a-icon
      @click="togglePasswordVisible"
      style="color: #969796"
      slot="suffix"
      :type="passwordNewVisible ? 'eye' : 'eye-invisible'"
    />
  </a-input>
</template>

<script>
export default {
  data() {
    return {
      passwordNewVisible: false,
      passForm: {
        newPassword: ''
      }
    };
  },
  methods: {
    togglePasswordVisible() {
      this.passwordNewVisible = !this.passwordNewVisible;
    }
  }
};
</script>

  • 写回答

2条回答 默认 最新

  • ZionHH 2023-08-02 17:54
    关注

    官方没有show-password这个属性哦

    评论

报告相同问题?

问题事件

  • 创建了问题 8月2日