问题:iview input自动填充用户名及密码
解决:
1.复制自动填充的 input 标签,于是有两个相同的输入框
<FormItem label="新密码" prop="passwd">
<Input type="password" v-model="formValidate.passwd" placeholder="请设置新密码"></Input>
<Input type="password" v-model="formValidate.passwd" placeholder="请设置新密码"></Input>
</FormItem>
2.给自动填充的输入框加隐藏的样式,使用v-show/visibility:hidden/position:absolute 都未解决,加上width:0px;opacity:0;后成功隐藏。
<FormItem label="新密码" prop="passwd">
<Input type="password" v-model="formValidate.passwd" class="hide"></Input>
<Input type="password" v-model="formValidate.passwd" placeholder="请设置新密码">/Input>
</FormItem>
.hide {
width: 0px;
opacity: 0;
}
3.最后改变v-model绑定不同的值,或者删除隐藏输入框的v-model
<FormItem label="新密码" prop="passwd">
<Input type="password" v-model="formValidate.passwdTmp" class="hide"></Input>
<Input type="password" v-model="formValidate.passwd" placeholder="请设置新密码">/Input>
</FormItem>