vue3 js 点击el-table单元格打开弹窗，选择弹窗中的数据，点弹窗的保存按钮，回显到el-table中之前选择的单元格中

要实现点击 `el-table` 单元格打开弹窗，选择弹窗中的数据，然后将选择的数据回显到之前选择的单元格中，可以使用以下步骤：

1. 在 `el-table` 中，为要显示弹窗的单元格添加一个按钮或者链接，例如：

<el-table-column>
  <template slot-scope="scope">
    <el-button @click="showDialog(scope.row, scope.$index)">选择数据</el-button>
  </template>
</el-table-column>

其中 `showDialog` 方法用于打开弹窗，`scope.row` 表示当前行的数据对象，`scope.$index` 表示当前行的索引。

2. 在 Vue 组件中，使用 `data` 属性来存储当前选择的单元格索引和选择的数据，例如：

data() {
  return {
    selectedCellIndex: null,
    selectedData: null
  }
}

其中 `selectedCellIndex` 表示当前选择的单元格索引，`selectedData` 表示当前选择的数据。

3. 在弹窗组件中，通过 `props` 属性将 `selectedData` 属性传递给弹窗组件，例如：

<my-dialog :selected-data="selectedData" @save="saveData"></my-dialog>

其中 `my-dialog` 是弹窗组件的名称，`selected-data` 属性表示当前选择的数据，`@save` 事件用于处理弹窗中保存数据的事件。

4. 在 `showDialog` 方法中，设置 `selectedCellIndex` 属性，并打开弹窗，例如：

methods: {
  showDialog(row, index) {
    this.selectedCellIndex = index;
    this.dialogVisible = true;
  }
}

其中 `row` 表示当前行的数据对象，`index` 表示当前行的索引。

5. 在弹窗组件中，当用户选择数据并保存时，触发 `save` 事件，并将选择的数据作为参数传递给父组件，例如：

methods: {
  saveData(data) {
    this.$emit('save', data, this.selectedCellIndex);
  }
}

其中 `data` 表示选择的数据，`this.selectedCellIndex` 表示当前选择的单元格索引。

6. 在父组件中，监听 `save` 事件，并将选择的数据回显到之前选择的单元格中，例如：

<my-dialog :selected-data="selectedData" @save="saveData"></my-dialog>
<el-table :data="tableData">
  <el-table-column prop="其他数据" label="其他数据"></el-table-column>
  <el-table-column>
    <template slot-scope="scope">
      <el-button @click="showDialog(scope.row, scope.$index)">选择数据</el-button>
      <span>{{ scope.row.selectedData }}</span>
    </template>
  </el-table-column>
</el-table>

其中 `saveData` 方法用于处理保存数据的事件，代码如下：

methods: {
  saveData(data, index) {
    this.tableData[index].selectedData = data;
    this.dialogVisible = false;
  }
}

在 `saveData` 方法中，将选择的数据回显到之前选择的单元格中，然后关闭弹窗。

这样，当用户在 `el-table` 中选择单元格并打开弹窗，选择数据并保存之后，选择的数据将会回显到之前选择的单元格中。