Element表单自动填写信息

第一次进来会自动填写信息

在element输入框中有一个只读的属性

在input在输入框中添加只读属性和监控以获得焦点 然后绑定一个变量

<div class="form">     <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" class="demo-ruleForm">         <el-form-item label="电子邮件地址" prop="email">             <el-input :readonly="readonlyData" @focus=focusFn v-model="ruleForm.email"/>         </el-form-item>         <el-form-item label="密码" prop="password">             <el-input :readonly="readonlyData" @focus=focusFn type="password" v-model="ruleForm.password"/>         </el-form-item>     </el-form> </div>

定义这个变量的作用是判断只读属性true或false

let readonlyData = ref(true)

当输入框获得焦点时，定义处理函数

该函数的功能是在输入框获得焦点时删除只读属性

function focusFn() {     readonlyData.value = false }