vue+element下Google浏览器自动填充并且数据错位

最近在项目中遇到一个问题，点击登录注册弹框的时候Google浏览器的自动填充功能会将用户保存的用户名密码填充上去。登录界面自动填充没问题，但是注册界面可以自动填充个人觉得业务逻辑就有问题，并且其填充的还是错位的，如下图。

按照饿了么上面的属性，我将autocomplete设置为off，auto-complete设置为off，autoComplete设置为false通通不管用。此处的autoComplete是我在源码中看到的，反正就是着急了一顿鸡儿用。通通不管用。因为谷歌不认同autocompelete这个属性，所以使用了也没有用。

这个问题的根本原因是Google浏览器如果检测到你的代码中有text的input和password的input前后连接出现，他就会给你进行自动填充。所以我在本来他要填充的两个input之间间加一个text，password的input框并且给他们加一个页面不显示，但是浏览器可以监听到的样式**(style=“position: fixed;bottom: -9999px;”)**。这样他会把数据显示在那两input中。

<el-input style="position: fixed;bottom: -9999px;" class="code-input" type="text"></el-input>
<el-input style="position: fixed;bottom: -9999px;" type="password"></el-input>

这两个的样式貌似可以不写，具体也没试过。然后就可以了，效果如下图。