Edit box, el-input input text is not displayed, but can be edited successfully

Problem Description

In the edit box, the input text is not displayed, but it can be edited successfully

        <!--编辑作业弹窗-->

        <el-dialog :visible.sync="editHomeworkdialogVisible" title="发布作业" class="editHomework">
            <el-form :model="editRuleForm" :rules="rules" ref="editRuleForm">
                <el-form-item prop="homeworkTitle">
                    <el-input placeholder="作业名称" v-model="editRuleForm.homeworkTitle"></el-input>
                </el-form-item>
                <el-form-item prop="homeworkDescription">
                    <quill-editor v-model="editRuleForm.homeworkDescription" :options="editorOption"></quill-editor>
                </el-form-item>
                <el-form-item label="截止日期">
                    <el-date-picker
                            v-model="editRuleForm.homeworkDeadline"
                            type="datetime"
                            placeholder="选择截止时间"
                            value-format="yyyy-MM-dd HH:mm:ss"
                            default-time="00:00:00"
                    />
                </el-form-item>
                <el-form-item label="满分值" prop="homeworkFullScore">
                    <el-input placeholder="请填写数值" v-model.number="editRuleForm.homeworkFullScore" style="width:250px"></el-input>
                </el-form-item>
                <el-form-item style="margin-left:400px">
                    <el-button @click="resetEditHomework('editRuleForm')">取消</el-button>
                    <el-button type="primary" @click="editHomework('editRuleForm')">编辑作业</el-button>
                </el-form-item>
            </el-form>
        </el-dialog>

There is no problem with checking the code logic.

solution

Initialization is required.

Adding it solves it.

Artificial intelligence learning website, easy to understand, humorous, I can't help but share it with everyone. Click to jump to the website:
https://www.captainai.net/shuai