<el-form-item label="账号" prop="username">
<el-input v-model="form.username" :readonly="readonly" @focus="handlerIptClick" style="width: 240px" autocomplete="off" placeholder="请输入设备账号"/>
</el-form-item>
<el-form-item label="密码" prop="password">
<el-input v-model="form.password"
type="password"
autocomplete="off"
:readonly="readonly"
@focus="handlerIptClick"
auto-complete="off" style="width: 240px"
placeholder="请输入设备编号" />
</el-form-item>
//主要代码
let readonly = ref(true);
const handlerIptClick = () => {
readonly.value =false;
}
阻止element plus浏览器默认填写账号和密码
最新推荐文章于 2024-08-14 18:05:17 发布
本文介绍了在Vue应用中,如何使用el-form-item和el-input组件创建一个账号和密码输入框,实现默认为只读状态,点击时切换为可输入状态的交互功能。
摘要由CSDN通过智能技术生成