最近做的一个基于vue框架的项目用到了iview,项目开发完成后,测试提出来一个bug,修改密码等安全设置的界面,不需要表单自动填充,于是各种百度,看到好多人说autocomplate="new-password"
这个属性可以,但是我拿到项目中发现,在iview中会报错,而且在360浏览器中不起作用。。。。
最后找到了另一种方法在表单中添加额外的隐藏input框
<Form>
<div>
<FormItem label="密码" prop="password">
<!--加隐藏元素,禁止表单自动填充-->
<Input v-model="formValidate.name" type="password" v-show="false"></Input>
<Input v-model="formValidate.name" type="password"></Input>
</FormItem>
<FormItem label="验证码" prop="verCode">
<!--加隐藏元素,禁止表单自动填充-->
<Input v-model="formValidate.verCode" type="text"></Input>
<Input v-model="formValidate.verCode" type="text" v-show="false"></Input>
</FormItem>
</div>
</Form>
自动填充的时候,如果是text的input,应该将隐藏的元素写在第二个位置,但是如果是密码输入框,应该将隐藏元素写在第一个位置。