vue3父组件调用部分子组件div

如果你想在 Vue3 中的父组件中仅调用子组件的一部分内容（例如一个 div），你可以使用 Vue3 中的 `teleport` 组件来实现。

首先，在子组件中，你需要在需要被调用的部分中使用 `teleport` 组件：

<template>
  <div>
    <!-- 其他内容 -->
    <teleport to="my-teleport">
      <div>This content will be teleported to the parent component</div>
    </teleport>
    <!-- 其他内容 -->
  </div>
</template>

然后，在父组件中，你可以使用 `teleport` 组件的 `from` 属性来调用子组件中被 teleport 的部分：

<template>
  <div>
    <teleport to="my-teleport" v-slot="{teleport}">
      <div>
        <!-- 其他内容 -->
        <button @click="teleport()">Show teleported content</button>
        <!-- 其他内容 -->
      </div>
    </teleport>
  </div>
</template>

在这个例子中，当你点击按钮时，子组件中被 teleport 的部分会被挪到父组件中的按钮下面。

注意，在 `teleport` 组件中，`to` 属性的值必须与子组件中使用 `teleport` 组件的 `to` 属性的值相同，这样才能正确地传输内容。