vue3+elemenuiplus在父组件中调用子组件的方法打开子组件中的弹框，不展示子组件别的内容

在Vue3中，你可以通过`ref`、`@emit` 和 `v-on` 来实现从父组件调用子组件的方法并控制其行为。假设你有一个名为`ChildComponent`的子组件，它有一个弹框相关的处理函数，比如`openModal()`)，而这个功能需要在父组件的某个事件触发下完成。

首先，在子组件的`methods`或`setup`里定义打开弹框的方法：

// 子组件 ChildComponent.vue
export default {
  methods: {
    openModal() {
      this.$emit('open-modal');
    }
  }
}

然后，在子组件模板中添加一个可以被父组件监听的事件：

<!-- ChildComponent.vue -->
<template>
  <button @click="openModal">点击打开弹框</button>
  <!-- ...其他内容... -->
</template>

在父组件中，创建一个引用子组件的`ref`，并在适当的地方监听`open-modal`事件，并调用子组件的方法：

<template>
  <ChildComponent ref="childComponent" />
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  setup() {
    const childComponent = ref(null);
    
    // 父组件的 mounted 或者其他生命周期钩子
    onMounted(() => {
      childComponent.value.$on('open-modal', () => {
        // 调用子组件的 openModal 方法
        childComponent.value.openModal();
      });
    });

    // 当父组件卸载时，移除监听
    onUnmounted(() => {
      childComponent.value.$off('open-modal');
    });

    return { childComponent };
  },
};
</script>

这样，当你在父组件中调用`childComponent.openModal()`时，子组件的弹框就会打开，而不会显示其他的组件内容。