Teleport 传送门

Vue Teleport 的封装，用于将插槽内容渲染到指定 DOM 节点。

示例

基础用法

属性示例

<template>
  <mt-teleport
    to="body"
    :disabled="false"
  >
    <div>传送到 body 的内容</div>
  </mt-teleport>
</template>

disabled 为 true 时不会启用传送，插槽内容会保留在当前组件位置渲染。

API

Props

属性名	说明	类型	默认值
to	传送目标	string | HTMLElement	必填
disabled	是否禁用传送	boolean	false

Events

该组件无自定义事件。

Slots

插槽名	说明	作用域参数
default	需要传送的内容	-

注意事项

• to 指向的 DOM 需要在内容渲染时已存在。
• 弹层类内容传送到 body 时，应注意层级和样式作用域。