表格数据并不在el-dialog，是外部的表格，是el-table嵌套了el-button点击触发el-dialog后再次关闭el-dialog时，el-table的值会清空消失

如果el-table的值在el-dialog中关闭后被清空，可能是因为el-dialog的关闭操作导致了数据的重置。为了解决这个问题，您可以尝试以下方法：

1. 确保el-dialog组件的关闭事件不会重置数据：在关闭el-dialog之前，确保不要重置el-table的数据。您可以使用v-model指令或者自定义的变量来控制el-dialog的显示与隐藏，而不是直接操作el-dialog的关闭事件。这样，即使关闭el-dialog，el-table的数据也会保留。

2. 在关闭el-dialog时手动保存表格数据：在关闭el-dialog时，将表格数据保存到一个变量中，或者使用Vue.js的数据持久化方法（如localStorage）将数据保存到本地。当再次打开el-dialog时，将保存的数据重新赋值给el-table，这样就能保留表格数据。

3. 使用Vue组件的生命周期钩子函数：在Vue组件的beforeDestroy或者destroyed生命周期钩子函数中保存表格数据。当el-dialog被关闭时，这些钩子函数会被触发，您可以在其中将表格数据保存到一个变量中，以便下次使用时重新赋值给el-table。

通过上述方法，您应该能够解决el-dialog关闭后el-table数据被清空的问题。请根据您的具体情况选择适合您的解决方案。

相关问题

el-table中嵌套一个el-button，点击可以打开el-dialog

您可以使用 `scoped slot` 在 `el-table` 的列中嵌套一个 `el-button`，并在点击按钮时触发打开 `el-dialog` 的事件。以下是一个示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="Name"></el-table-column>
    <el-table-column prop="action" label="Action">
      <template slot-scope="scope">
        <el-button @click="openDialog(scope.row)">Open Dialog</el-button>
      </template>
    </el-table-column>
  </el-table>

  <el-dialog :visible.sync="dialogVisible">
    <!-- Dialog content here -->
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Item 1' },
        { name: 'Item 2' },
        { name: 'Item 3' }
      ],
      dialogVisible: false
    };
  },
  methods: {
    openDialog(row) {
      // Open dialog logic here
      this.dialogVisible = true;
    }
  }
};
</script>

在上面的示例中，`el-table` 的每一行都有一个 `action` 列，其中嵌套了一个 `el-button`。当按钮被点击时，会调用 `openDialog` 方法，将相关行的数据传递进去，并打开 `el-dialog`。您可以根据需要自定义 `el-dialog` 的内容和样式。

请注意，上述代码基于 Element UI 的组件库，您需要在项目中正确引入 Element UI，并按照需要进行配置。

el-dialog嵌套，关闭第二个el-dialog，第一个el-dialog的按钮点击不了

根据提供的引用内容，el-dialog嵌套时，如果关闭第二个el-dialog，可能会导致第一个el-dialog的按钮无法点击。这是因为第二个el-dialog被关闭后，遮罩层仍然存在，导致无法点击第一个el-dialog的按钮。

解决这个问题的方法是给第二个el-dialog添加append-to-body属性，并将其设置为true。这样，第二个el-dialog会插入到body元素上，保证了内外层el-dialog和遮罩层级关系的正确。

另外，也可以考虑使用el-dialog和ElMessageBox结合的形式，这样就不会出现弹窗被遮住的问题。

以下是一个示例代码，演示了el-dialog嵌套时关闭第二个el-dialog后，第一个el-dialog的按钮可以正常点击：

<template>
  <div>
    <el-dialog
      title="第一个el-dialog"
      :visible.sync="dialogVisible1"
      width="30%"
    >
      <p>第一个el-dialog的内容</p>
      <el-button type="primary" @click="openDialog2">打开第二个el-dialog</el-button>
    </el-dialog>

    <el-dialog
      title="第二个el-dialog"
      :visible.sync="dialogVisible2"
      width="30%"
      :append-to-body="true"
    >
      <p>第二个el-dialog的内容</p>
      <el-button type="primary" @click="closeDialog2">关闭第二个el-dialog</el-button>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible1: false,
      dialogVisible2: false
    };
  },
  methods: {
    openDialog2() {
      this.dialogVisible2 = true;
    },
    closeDialog2() {
      this.dialogVisible2 = false;
    }
  }
};
</script>