关于resetFields重置表单至初始状态的问题

项目遇到的问题：
第一次点击了表格某一行的修改后，再点取消， 再点其他行，再点取消， 在表格中第二次及以后点的行会被污染成第一次点的行数据
问题分析:
造成这样的情况，深浅拷贝的问题
resetFields()方法在官网上的定义是：对整个表单进行重置，将所有字段值重置为初始值并移除校验效果。初始值也就是表单第一次绑定的值。浅拷贝给初始值赋值，给的内存地址，导致一个改变，另一个也会跟随变化。
resetFields()方法执行时，form表单中的值变成了初始值，导致表单里的数据也变成了初始值，所以才会点哪一行都会变成第一次点击那行的数据。

解决方案:

1. 使用 Object.assign()

function openEditInfo(item: any) {
 console.log("编辑", item);
 editDialogVisible.value = true;
 // 将 item 赋值进表单
 teacherForm = Object.assign(teacherForm,item);
}

2. 直接赋值的方法

function openEditInfo(item: any) {
  console.log("编辑", item);
  editDialogVisible.value = true;
  // 将 item 赋值进表单
  teacherForm.class = item.class
  teacherForm.name = item.name
  teacherForm.head = item.head
  teacherForm.motto = item.motto
  teacherForm.instructor = item.instructor
  teacherForm.works = item.works
  teacherForm.class_name = item.class_name
}

<!-- 打开编辑弹窗 -->
			<el-table-column
              prop="name"
              label="操作"
              align="center"
              width="150"
            >
              <template #default="scope">
                <el-button
                  size="small"
                  type="primary"
                  plain
                  @click="openEditInfo(scope.row)"
                  >编辑</el-button
                >
              </template>
            </el-table-column>
<!-- 编辑对话框 -->
    <el-dialog
      v-model="editDialogVisible"
      title="编辑老师信息"
      width="700"
      :before-close="editHandleClose"
    >
      <el-form
        label-position="left"
        label-width="100px"
        :model="teacherForm"
        class="form"
        ref="editFormRef"
        :rules="teacherRules"
      >
        <el-form-item label="老师姓名" prop="name">
          <el-input
            class="username-input"
            v-model="teacherForm.name"
            placeholder="请输入老师姓名"
          />
        </el-form-item>
        <el-form-item label="班级" prop="class_name">
          <el-input
            class="username-input"
            v-model="teacherForm.class_name"
            placeholder="请输入班级"
          />
        </el-form-item>
        <el-form-item label="老师职称" prop="class">
          <el-input
            class="username-input"
            v-model="teacherForm.class"
            placeholder="请输入老师职称"
          />
        </el-form-item>
        <el-form-item label="座右铭" prop="motto">
          <el-input
            type="text"
            class="username-input"
            v-model="teacherForm.motto"
            placeholder="请输入座右铭"
          />
        </el-form-item>

        <el-form-item label="老师介绍" prop="instructor">
          <el-input
            class="username-input"
            type="textarea"
            v-model="teacherForm.instructor"
            placeholder="请输入老师介绍"
          />
        </el-form-item>
        <el-form-item label="头像" prop="head">
          <el-input
            class="username-input"
            type="textarea"
            v-model="teacherForm.head"
            placeholder="请输入头像"
          />
        </el-form-item>
        <el-form-item label="作品" prop="works">
          <el-input
            class="username-input"
            type="textarea"
            v-model="teacherForm.works"
            placeholder="请输入作品地址"
          />
        </el-form-item>
      </el-form>
      <template #footer>
        <div class="dialog-footer">
          <el-button @click="resetForm('editFormRef')">取消</el-button>
          <el-button type="primary" @click="editOK"> 确定 </el-button>
        </div>
      </template>
    </el-dialog>