关闭input自动填充解决方案

Er ist träumer.

于 2022-08-10 11:55:46 发布

阅读量3.3k

点赞数 4

分类专栏：那些年我们遇到的坑文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/Kobeloveu/article/details/126263614

版权

那些年我们遇到的坑专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种解决使用Vue2.x与iview3.x时，在谷歌浏览器中表单自动填充的问题。通过设置输入框为只读并在点击时取消只读状态的方法，实现了阻止浏览器自动填充表单的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：使用 vue2.x +iview 3.x 在谷歌浏览器保存网站密码之后，打开项目，项目中的表单页面自动填充账号。

解决方案：

1、设置输入框 autocomplete="off"属性【无效】
2 输入框设置readOnly 属性，使浏览器无法主动进行填充。此时输入框无法聚焦。需要设置click时间，获取Dom, 再把 readlyOnly 移除掉。即可输入【成功解决】

<Input readOnly="true" @click.native="inputControl" />
*********************************************************************
inputControl(e){
     e.target.readOnly = false
 }