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

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

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

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

使用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-table

el-dialog嵌套el-table的示例代码如下：
<template>
<div>
<el-button @click="openDialog">打开对话框</el-button>
<el-dialog :visible.sync="dialogVisible" @close="closeDialog">
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column prop="gender" label="性别"></el-table-column>
</el-table>
</el-dialog>
</div>
</template>

<script>
export default {
data() {
return {
dialogVisible: false,
tableData: [
{ name: '张三', age: 18, gender: '男' },
{ name: '李四', age: 20, gender: '女' },
{ name: '王五', age: 22, gender: '男' }
]
};
},
methods: {
openDialog() {
this.dialogVisible = true;
},
closeDialog() {
this.dialogVisible = false;
}
}
};
</script>

在上述代码中，el-dialog作为对话框组件，el-table作为表格组件嵌套在el-dialog中。当点击"打开对话框"按钮时，对话框会显示，并展示包含姓名、年龄和性别的表格数据。当对话框关闭时，会触发@close事件，将dialogVisible属性设置为false，从而关闭对话框。