【项目经验】：elementui 表单问题

bug天选之子2024-01-15 20:36

一.项目问题

1.在登录页面输入密码后浏览器保存密码，在下一次别的页面打开输入框会自动输入浏览器保存的密码。原因是浏览器会默认认为当前input的属性是password。

2.当form表单只有一个表单时回车提交表单问题

二.最终解决方案

浏览器自动填充密码问题

先设置input输入框的type属性为text; 然后获取焦点时改变type为password。

复制代码

// html
<input type="password" onfocus="type='password'">
<el-input type = 'text' @focus = "focusFn"></el-input>

// js
    
focusFn(e){
   e.srcElement.type = 'password'
}

form表单只有一个表单时回车提交表单问题

表单加@submit.native.prevent

html 复制代码

<el-form @submit.native.prevent>
        <el-form-item>
            <el-input 
                v-model="form.password"
                @keyup.enter.native="enterInput"
            />
        </el-form-item>
    </el-form>