vue项目中使用iview组件,禁止自动填充用户名和密码解决方法
时间: 2024-01-23 08:04:24 浏览: 82
在vue项目中使用iview组件,禁止自动填充用户名和密码的解决方法如下:
1.在input组件中添加autocomplete=”off”属性
示例代码:
```
<FormItem label="用户名">
<Input type="text" name="username" autocomplete="off" />
</FormItem>
<FormItem label="密码">
<Input type="password" name="password" autocomplete="off" />
</FormItem>
```
2.使用Javascript代码在页面加载时清空input组件的值
示例代码:
```
mounted() {
this.$nextTick(() => {
let inputs = document.querySelectorAll('input');
inputs.forEach((input) => {
input.value = '';
});
});
}
```
这样可以禁止浏览器自动填充用户名和密码,保护用户的隐私安全。
阅读全文