使用element-ui中的表单input时,取消自动补全

368 阅读1分钟

问题描述

在使用element-ui中的表单input框的时候,由于浏览器进行了保存账号密码,导致input框自动补全了 示例如下:

image.png

解决方法

使用element-ui里input的原生属性autocomplete进行解决

文档位置

image.png

注意:element-ui版本,之前是auto-complete,有的版本为autocomplete

解决代码:

<el-form-item label="邮箱账号:" label-width="130px" prop="email`">
  <el-input v-model="email" placeholder="请输入邮箱账号" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="邮箱密码:" label-width="130px" prop="emailPassword">
  <el-input v-model="emailPassword" placeholder="请输入邮箱密码" show-password autocomplete="new-password"></el-input>
</el-form-item>