现有一弹窗弹窗内有《script setup》const record = reactive;script如何在弹窗关闭时清空record

要在弹窗关闭时清空record，你可以使用watchEffect来监听弹窗的关闭事件，并在事件触发时清空record对象。

首先，确保你已经引入了Vue的reactivity API。然后，你可以在弹窗组件的setup函数中添加以下代码：

import { reactive, watchEffect } from 'vue';

export default {
  setup() {
    const record = reactive({});

    // 监听弹窗关闭事件
    watchEffect((onInvalidate) => {
      // 在弹窗关闭时清空record
      const closeHandler = () => {
        Object.keys(record).forEach((key) => {
          delete record[key];
        });
      };

      // 在组件卸载时取消监听
      onInvalidate(() => {
        closeHandler();
      });

      // 假设你有一个关闭弹窗的方法，这里假设为closeModal
      const closeModal = () => {
        // 关闭弹窗的逻辑...
        closeHandler(); // 执行清空record操作
      };
    });

    return {
      record,
    };
  },
};

在上面的代码中，我们使用watchEffect来监听弹窗关闭事件。在watchEffect回调函数中，我们定义了一个closeHandler函数，它用于清空record对象。然后，我们在组件卸载时取消监听，并在关闭弹窗的方法中调用closeHandler函数来执行清空操作。

这样，当弹窗关闭时，record对象将被清空