Das Elementformular füllt die Informationen automatisch aus

Bei der ersten Eingabe werden die Informationen automatisch ausgefüllt

 Das Eingabefeld im Element verfügt über eine schreibgeschützte Eigenschaft

Fügen Sie dem Eingabefeld ein schreibgeschütztes Attribut hinzu, hören Sie zu, um den Fokus zu erhalten, und binden Sie dann eine Variable

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

Definieren Sie diese Variable. Ihre Funktion besteht darin, zu beurteilen, ob das schreibgeschützte Attribut wahr oder falsch ist 

let readonlyData = ref(true)

Definieren Sie eine Handlerfunktion, wenn das Eingabefeld den Fokus erhält

Die Funktion dieser Funktion besteht darin, das schreibgeschützte Attribut zu entfernen, wenn das Eingabefeld den Fokus erhält

function focusFn() {
    readonlyData.value = false
}