美文网首页
vue使用iview的时候禁止表单自动填充

vue使用iview的时候禁止表单自动填充

作者: 郭子web | 来源:发表于2018-10-24 16:52 被阅读0次

最近做的一个基于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,应该将隐藏的元素写在第二个位置,但是如果是密码输入框,应该将隐藏元素写在第一个位置。

相关文章

网友评论

      本文标题:vue使用iview的时候禁止表单自动填充

      本文链接:https://www.haomeiwen.com/subject/alsxtqtx.html