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

要在弹窗关闭或提交时清空record，可以使用以下方法：

1. 在弹窗组件中，创建一个方法来清空record对象。例如，可以创建一个名为clearRecord的方法：

<script setup>
import { reactive } from 'vue';

const record = reactive({});

const clearRecord = () => {
  for (const key in record) {
    delete record[key];
  }
};
</script>

2. 在弹窗关闭或提交的操作中，调用clearRecord方法来清空record对象。具体的实现方式取决于你使用的弹窗组件和触发关闭或提交的事件。

例如，在关闭弹窗的按钮点击事件中，可以调用clearRecord方法：

<template>
  <div>
    <!-- 弹窗内容 -->
    <button @click="closePopup">关闭</button>
  </div>
</template>

<script setup>
import { clearRecord } from './yourPopupComponent';

const closePopup = () => {
  clearRecord();
  // 关闭弹窗的其他操作
};
</script>

在提交弹窗的操作中，也可以调用clearRecord方法：

<template>
  <div>
    <!-- 弹窗内容 -->
    <button @click="submitPopup">提交</button>
  </div>
</template>

<script setup>
import { clearRecord } from './yourPopupComponent';

const submitPopup = () => {
  // 其他提交操作
  clearRecord();
};
</script>

通过这种方式，你可以在弹窗关闭或提交时清空record对象