input type=“password“密码自动带入密码如何解决

用input type="password"密码框,浏览器会自动带入密码,可以加个autocomplete=“new-password”
比如

 <a-input-password
            v-model="password"
            style="width:370px;margin-left:10px;"
            placeholder="8-15个字符,必须同时包含数字、英文、特殊符号"
            autocomplete="new-password"
            @blur="handlePassword"
            @change="handlePasswordChange"
          />

虽然不会提示,但是但点击输入框,下边还是会有保存的密码提示。

通过添加 onblur="this.readOnly = 'readonly'"可以解决第二次点击会提示密码的问题
或者
通过添加readonly&onfocus =“this.removeAttribute('readonly');解决了这个问题。

<input type="password" name="Password" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');" >

在这里插入图片描述

以上还是会出出现这个问题,虽然密码不带入了,但是点击的时候浏览器还是带这种弹框,很是麻烦,如何去掉呢。不要用<a-input-password >这个组件了

<a-input type="text" class="pw" @blur="handleAgainPassword" />

<style>
 .pw {
    -webkit-text-security: disc;
  }

</style>

顺利解决:
在这里插入图片描述
网上有很多方法,但是这个方法目前是最有效的。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值