el-dialog表单回显数据

要在 el-dialog 中回显数据，你可以使用以下步骤：

1. 在 el-dialog 中创建一个表单，并绑定一个对象，用于存储表单数据。

<el-dialog :visible="dialogVisible" title="表单回显" @close="closeDialog">
  <el-form :model="formData" ref="form">
    <!-- 表单项 -->
  </el-form>
</el-dialog>

2. 在 Vue 实例中定义一个对象，用于存储表单数据，并在需要的时候初始化它。

data() {
  return {
    dialogVisible: false,
    formData: {}  // 存储表单数据的对象
  };
},
methods: {
  openDialog() {
    // 初始化表单数据
    this.formData = {
      field1: '值1',
      field2: '值2',
      // 其他字段
    };
    this.dialogVisible = true;
  },
  closeDialog() {
    this.dialogVisible = false;
  }
}

3. 在 el-form 中的表单项中使用 v-model 指令绑定表单项与 formData 中的对应属性。

<el-form-item label="字段1">
  <el-input v-model="formData.field1"></el-input>
</el-form-item>

<el-form-item label="字段2">
  <el-input v-model="formData.field2"></el-input>
</el-form-item>

这样，在打开 el-dialog 时，表单中的数据将会根据 formData 对象进行回显。你可以在 Vue 实例中的 openDialog 方法中根据你的需求来初始化 formData 对象的数据。