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

2024-01-09 06:20:17

一.项目问题

? ? ? ? 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

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

文章来源:https://blog.csdn.net/weixin_70245286/article/details/135469175
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。