浏览器自动填充密码影响功能开发？一个简单技巧解决问题

浏览器自动填充密码会识别type=text 和 type=password的input标签填充账户和密码，但是胡乱的填充会影响自定义功能的开发
这个提供一个小技巧，彻底解决浏览器胡乱填充密码的问题。

input动态绑定readonly 变量=true//:readonly=true
在页面渲染之后的钩子里mounted
setTimeout(() => {
  readonly 变量=false //:readonly=false
}, 500)

原理：自动填充是浏览器在页面渲染出来之后找到type=password的input标签节点去填充密码和另一个输入框去填充账户，但是他并不会填充:readonly=true的输入框，这里测试了浏览器的填充行为之后大概是渲染钩子延后的400ms左右执行的，所以setTimeout 500ms后:readonly=false，就能让你的密码框逃过浏览器自动填充的强盗行为。