网上的答案五花八门,但是我试了好多都不能用
下面这个方法亲测有用
········<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 }