H5登录界面输入账号密码,在ios苹果微信手机上输入框上下闪烁问题

场景描述:
H5登录界面输入账号密码,在ios苹果微信手机上输入框上下闪烁问题
苹果手机的浏览器就有了自动填充密码的功能，具体来说就是一个手机号密码登录的页面，ios识别到当前页面有密码输入框，所以触发了自动填充密码的功能。

解决办法:
在2个输入框中间加个隐藏输入框

核心代码: <input type="text" value="" style=" opacity: 0; width: 0;height: 0; " />

<input type="number" v-model="phone" placeholder="请输入手机号" autoComplete="off" />
<input type="text" value="" style=" opacity: 0; width: 0;height: 0; " />
<input type="password" v-model="password" autoComplete="new-password" placeholder="请输入密码" />

账号密码相邻的输入框会引发ios的自动密码填充，需要对其进行阻断，在账号和密码之间设置一个隐藏的input 去阻断账号密码之间的联动