elementui 里使用input 密码框,输入时禁止弹出浏览器历史密码提示框

在Element UI中使用el-input组件时，要禁用浏览器自带的密码历史提示框，可以通过设置input元素的autocomplete属性为new-password。这样，浏览器就不会在这个输入框中显示历史密码提示。

以下是一个示例代码：




<template>
  <el-form>
    <el-form-item>
      <el-input
        type="password"
        v-model="password"
        autocomplete="new-password"
        placeholder="请输入密码"
      ></el-input>
    </el-form-item>
  </el-form>
</template>
 
<script>
export default {
  data() {
    return {
      password: ''
    };
  }
};
</script>

在这个例子中，autocomplete="new-password"属性指示浏览器不要为这个输入框提供历史密码提示。这是通过设置autocomplete属性为new-password或者current-password并且输入类型为password来实现的。

elementui 里使用input 密码框,输入时禁止弹出浏览器历史密码提示框

评论已关闭

推荐阅读