vue3 dailog 关闭还原数据

当 Vue3 Dialog 关闭时，可以通过监听 Dialog 的关闭事件，在回调函数中还原数据。具体实现方式可以参考以下代码：

<template>
  <div>
    <button @click="showDialog">打开 Dialog</button>
    <vue-dialog v-model="dialogVisible" @close="handleClose">
      <!-- Dialog 内容 -->
    </vue-dialog>
  </div>
</template>

<script>
import VueDialog from 'vue3-dialog'

export default {
  components: {
    VueDialog
  },
  data() {
    return {
      dialogVisible: false,
      initData: null // 保存初始数据
    }
  },
  methods: {
    showDialog() {
      this.initData = { /* 保存初始数据 */ }
      this.dialogVisible = true
    },
    handleClose() {
      // 关闭 Dialog 时还原数据
      this.initData = null
    }
  }
}
</script>

在上述代码中，我们在 `showDialog` 方法中保存了初始数据，并在 Dialog 关闭时调用 `handleClose` 方法还原数据。这样可以确保每次打开 Dialog 时都是从初始状态开始。