vue+element 禁止表单自动填充用户名和密码

话不多说,直接上代码,绝对有效

// html
<el-form>
    <input type="password" class="hide" id="passWord"/>
    <input type="text" class="hide" id="userName"/>
    <el-form-item label="账号:" prop="userName">
        <el-input v-model="userInfo.userName" autocomplete="off" placeholder="请输入账号"></el-input>
    </el-form-item>
    <el-form-item label="密码:" prop="passWord">
        <el-input v-model="userInfo.passWord" autocomplete="off" type="password" placeholder="请输入密码"></el-input>
    </el-form-item>
</el-form>
// css
<style>
.hide{
  width: 0;
  position: absolute;
  border: 0;
}
</style>

主要是两个 input 替代了填充的 el-input 组件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。