前言

由于近些年来，个人隐私数据的泄露，弱密码爆破等种种原因。笔者采用了1password来保存自身密码【谷歌浏览器的保存密码会被木马轻易偷取！！！】，而再编写网页的时候发现他不会在我的页面自动输入两步验证的密码，在别人的网站里却可以使用。通过笔者的一番查阅，其实支持1password自动填充很简单，那么具体怎么写请看下文。

解决办法

在input框中设置autocomplete属性，设置属性autocomplete为off的话貌似1password会根据自身判定来决定该字段是否重要，从而决定是否自动填充。那么我们将autocomplete属性设置为非off，告诉1password该字段重要即可。

例如我们需要1password帮我们自动填充两步验证的一次性密码可以对autocomplete属性设置如下内容

1
2
3
4
5
6
7
<el-input
  v-model.number="loginFormData.code"
  placeholder="请输入两步验证码"
  autocomplete="one-time-code"
>
  ...
</el-input>

autocomplete属性参考文档

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

写在最后

希望本文对你提供了帮助~