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
}