el-input 禁止密码自动填充
时间: 2024-08-15 11:00:43 浏览: 190
`el-input` 是 Element UI 中的一个输入框组件,在 Vue.js 中,如果你想防止 `el-input` 的密码输入字段被浏览器自动填充历史密码,你可以通过设置 HTML5 的 `autocomplete` 属性来控制。在这个组件上添加一个自定义属性,比如 `v-model.trim` 或者直接在模板中写死:
```html
<template>
<el-input type="password" :autocomplete="''"> <!-- 阻止自动填充 -->
<template #append>
<span @click="clearPassword">*{placeholder}</span>
</template>
</el-input>
</template>
<script>
export default {
data() {
return {
confirmPassword: '',
placeholder: '请输入密码',
};
},
methods: {
clearPassword() {
// 如果需要的话,可以在此处清除输入框的内容
this.confirmPassword = '';
},
},
};
</script>
```
这里设置了 `autocomplete` 属性值为空字符串,表示不允许任何自动完成。另外,你还可以提供一个点击事件监听器 `clearPassword` 来处理用户手动清除密码的需求。
阅读全文
相关推荐









接口/selectByALARMTIMEKEY返回什么数据能渲染到下面对话框 <el-dialog :visible.sync="dialogVisible" title="dg2-dialog.异常处理录入" width="30%">
<el-form :model="formData">
<el-form-item label="异常描述">
<el-input v-model="formData.ALARMCOMMENT"></el-input>
</el-form-item>
<el-form-item label="异常数据">
<el-input v-model="formData.REASONCODE"></el-input>
</el-form-item>
<el-form-item label="是否处理">
<el-input v-model="formData.SOLVEFLAG"></el-input>
</el-form-item>
<el-form-item label="异常处理确认人员">
<el-input v-model="formData.SOLVE_USER"></el-input>
</el-form-item>
<el-form-item label="异常处理备注">
<el-input v-model="formData.SOLVE_REASON"></el-input>
</el-form-item>
</el-form>
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="submitForm">提交</el-button>
</el-dialog>








