vue3---el-dialog回显问题

在练习的时候，遇见的一个问题，真的是无语，上图看代码

真的是乍一看，没有任何毛病，cha了一下，其他的大佬都说是用其他reactive、ref重新定义一下，或者是试图还没更新next一下，在我这个例子中啊，没用。

解决办法： ：竟然是 ref="dialogFrom" :model="dialogFrom"，这两个不能用一样的变量名，重新定义名字就行了

const dialogFrom = reactive({
  name: '',
  address: '',
  email: '',
  age: ''
})
const handleEdit = (row) => {
  getByIdInfo(row.id).then((res) => {
    Object.assign(dialogFrom, res.data)
    open.value = true
  })
}

//模板

 <el-dialog
    :open-delay="200"
    :close-on-click-modal="false"
    title="编辑"
    :model-value="open"
    width="700px"
    append-to-body
  >
    <el-form ref="dialogFrom" :model="dialogFrom" label-width="100px">
      <el-row>
        <el-col :span="12">
          <el-form-item label="姓名" prop="name">
            <el-input v-model="dialogFrom.name" clearable class="w-50 m-2" />
          </el-form-item>
          <el-form-item label="年龄" prop="age">
            <el-input v-model="dialogFrom.age" clearable class="w-50 m-2" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>