iview 怎样屏蔽掉账户框自动显示账户名和密码（root，***）

您可以通过设置 `show-password` 属性为 `false` 来屏蔽掉账户框自动显示账户名和密码。具体实现方法如下：

<FormItem label="账号" prop="username">
  <Input v-model="form.username"></Input>
</FormItem>
<FormItem label="密码" prop="password">
  <Input v-model="form.password" show-password :show-password="false"></Input>
</FormItem>

在上述代码中，通过在 `Input` 组件中设置 `show-password` 属性为 `false` 来屏蔽掉自动显示密码的功能。同时，为了保证用户输入的安全性，建议您在开发中不要将明文密码保存在前端代码中，可以将其加密后再发送给后端进行验证。

相关问题

谷歌浏览器中，iview中避免自动填充用户账户和用户密码

在谷歌浏览器中，可以通过以下方式来在iview中避免自动填充用户账户和密码：

1. 在表单中添加`autocomplete="off"`属性，这会告诉浏览器不要自动填充表单。

<FormItem label="用户名" prop="username">
  <Input type="text" autocomplete="off" placeholder="请输入用户名"></Input>
</FormItem>
<FormItem label="密码" prop="password">
  <Input type="password" autocomplete="off" placeholder="请输入密码"></Input>
</FormItem>

2. 为账户和密码输入框添加`autocomplete="new-password"`属性，这会告诉浏览器这是一个新密码输入框，不要自动填充旧密码。

<FormItem label="用户名" prop="username">
  <Input type="text" autocomplete="new-password" placeholder="请输入用户名"></Input>
</FormItem>
<FormItem label="密码" prop="password">
  <Input type="password" autocomplete="new-password" placeholder="请输入密码"></Input>
</FormItem>

这样做可以有效地避免浏览器自动填充用户账户和密码，提高安全性。

vue项目中使用iview组件，禁止自动填充用户名和密码解决方法

在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 = '';
      });
   });
}

这样可以禁止浏览器自动填充用户名和密码，保护用户的隐私安全。