vue禁止谷歌浏览器，360浏览器自动填充form表单_el-form 在360浏览器下禁止填充表单-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_42779368/article/details/89841020

网上相关答案多样但大多不可用，博主分享亲测有用的方法，提到id可瞎写，class用于定位和样式调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上的答案五花八门，但是我试了好多都不能用

下面这个方法亲测有用

········<el-form
          ref="tipform"
          :model="addUserInfo"
          :rules="rules"
          :label-width="dialog.formLabelWidth">
          <input type="password" class="hide" id="loginPassword"/>
          <input type="text" class="hide" id="loginUserName"/>
          <el-form-item label="登录账号：" prop="loginName">
            <el-input v-model="addUserInfo.loginName" autocomplete="off" placeholder="输入登录账号"></el-input>
          </el-form-item>
          <el-form-item label="登录密码：" prop="pwd" id="password">
            <el-input v-model="addUserInfo.pwd" autocomplete="off" type="password" placeholder="输入登录密码"></el-input>
          </el-form-item>
          <el-form-item label="账号姓名：" prop="userName">
            <el-input v-model="addUserInfo.userName" autocomplete="off" placeholder="输入账号姓名"></el-input>
          </el-form-item>

        </el-form>

核心代码是
<input type="password" class="hide" id="loginPassword"/>
<input type="text" class="hide" id="loginUserName"/>

这个id瞎写没有 class作用是定位、样式调整

.hide{
  width: 0;
  position: absolute
}