vue2 一个二维数组弹窗 获取二维数组的内容后关闭弹窗 再次打开弹窗获取二维数组的内容

可以在弹窗组件中设置一个 `data` 属性来存储二维数组，在打开弹窗时将数据传入该属性中，并且在关闭弹窗时清空该属性。具体实现可以参考以下代码：

<template>
  <div>
    <button @click="showDialog">打开弹窗</button>
    <dialog v-if="isDialogVisible" @close="closeDialog">
      <table>
        <tbody>
          <tr v-for="(row, index) in data" :key="index">
            <td v-for="(cell, jndex) in row" :key="jndex">{{ cell }}</td>
          </tr>
        </tbody>
      </table>
    </dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isDialogVisible: false,
      data: null
    }
  },
  methods: {
    showDialog() {
      // 模拟获取数据的过程
      const data = [
        ['1', '2', '3'],
        ['4', '5', '6'],
        ['7', '8', '9']
      ]
      this.data = data
      this.isDialogVisible = true
    },
    closeDialog() {
      this.data = null
      this.isDialogVisible = false
    }
  }
}
</script>

在上述代码中，我们先定义了两个变量 `isDialogVisible` 和 `data`，分别表示弹窗是否可见以及二维数组的内容。在打开弹窗时，我们将数据传入 `data` 中，并将 `isDialogVisible` 设置为 `true`，这样弹窗就会显示出来。在关闭弹窗时，我们将 `data` 清空并将 `isDialogVisible` 设置为 `false`，这样下次打开弹窗时就可以重新获取数据了。