input控件自动填充保存的账号

45 阅读1分钟

需求: input控件会自动填充保存在本地的账号,给用户造成困扰,不要自动填充

实现原理: 其实没有找到根本的解决办法, 比如关掉控制自动填充的属性,现在的解决办法是在自动填充的input控件处存在另一个隐藏的input控件,这个控件会代替显示的控件自动填充,这样看起来input控件不再自动填充了

实现过程中遇到的问题:

  1. 有时不生效

问题解决方法

  1. 如果放在显示的input控件下面不生效,试试放在上面,总之调换位置就生效了

实现代码:

<el-input v-model.trim="form.loginVerCode"/>
<!-- 解决浏览器自动回填保存过的账号密码问题 -->
<el-input style="position:fixed;bottom:-9999px;"></el-input>