vue3 关闭当前弹窗

在 Vue3 中关闭当前弹窗可以使用以下两种方法：

1. 使用组件中的 `emit` 方法来触发父组件中的关闭事件。在父组件中监听该事件并执行相应的关闭操作。

例如，在子组件中定义一个方法来触发关闭事件：

methods: {
  closeDialog() {
    this.$emit('close')
  }
}

然后在父组件中监听该事件：

<template>
  <dialog-component @close="closeDialog"></dialog-component>
</template>

<script>
export default {
  methods: {
    closeDialog() {
      // 关闭弹窗的代码
    }
  }
}
</script>

2. 使用 Vue.js 提供的 `$refs` 属性来获取子组件的实例并调用其方法来关闭弹窗。

例如，在父组件中使用 `ref` 属性来获取子组件的实例：

<template>
  <dialog-component ref="dialog"></dialog-component>
</template>

<script>
export default {
  methods: {
    closeDialog() {
      this.$refs.dialog.close()
    }
  }
}
</script>

然后在子组件中定义一个 `close` 方法来关闭弹窗：

methods: {
  close() {
    // 关闭弹窗的代码
  }
}