526互联

vue解决密码input框内回显浏览器之前保存的账号密码

发布时间 2023-06-01 17:12:48作者: tianxinya

问题：

　　浏览器保存登录的账号密码之后，在界面修改会自动回显到input框内，影响观感使用。

 

解决办法：

　　给input加上属性  autocomplete="new-password" readonly  onfocus="this.removeAttribute('readonly');   this.type='password'"

　　如下：

<el-input
  v-model="dataForm.password"
  type="password"
  placeholder="密码"
  autocomplete="new-password" 
  readonly 
  onfocus="this.removeAttribute('readonly'); this.type='password'"
></el-input>