
当输入编号、用户名和密码之后,点击登录按钮。浏览器一般会提示记住密码,就会出现这种情况,浏览器记住了编号和密码,却没有记住用户名和密码。这是因为没有给 input 设置唯一的 id
<el-form-item
v-if="corpType == 1"
:rules="[{ required: true, min: 1, message: '企业编码不能为空' , trigger: 'blur'}]"
prop="enpcode"
>
<el-input
:key="enpType"
v-model="query.enpcode"
class="material"
placeholder="企业编码"
name="enpcode"
type="text"
tabindex="1"
auto-complete="off"
/>
</el-form-item>
<el-form-item
:rules="[{ required: true, min: 1, message: '用户名不能为空' , trigger: 'blur'}]"
prop="username"
>
<el-input
:key="userType"
v-model="query.username"
class="material"
placeholder="用户名"
name="username"
type="text"
tabindex="2"
auto-complete="off"
/>
</el-form-item>
<el-form-item
:rules="[{ required: true, min: 1, message: '密码不能为空' , trigger: 'blur' }]"
prop="password"
>
<el-input
:key="passwordType"
v-model="query.password"
:type="passwordType"
class="material"
placeholder="密码"
name="password"
tabindex="3"
auto-complete="off"
@keyup.enter.native="handleLogin"
/>
</el-form-item>
而且当只给密码设置 key 时,浏览器就会记住编号和密码。当只给用户名设置 key 时,浏览器就会记住编号和用户名。
网友评论