Vue3 Teleport

一、用法

  • 使用 Teleport 标签包裹希望被传送的元素
  • 通过 to 属性指明希望传送到的位置,to 属性的值应按照 css 选择器填写
1
2
3
<Teleport to="选择器">
···
</Teleport>

二、示例

1
2
3
4
5
<template>
<teleport to="body">
<p>哈哈</p>
</teleport>
</template>

参考