主题
Teleport
使用
使被 teleport 包围的标签逃离某个组件下
to
-string
。需要 prop,必须是有效的查询选择器或 HTMLElementisabled
-boolean
。此可选属性可用于禁用<teleport>
的功能,禁用时其插槽内容将不会移动到任何位置,切换 disabled 只是移动实际的 DOM 节点,而不是被销毁和重新创建,并且它还将保持任何组件实例的活动状态
vue
<teleport to="#app" :disabled="disabled"></teleport>
场景
常用于弹出框组件、背景组件等
逃到的那个标签可在 index.html 中定义,也可以在 setup 中创建标签(这样更符合组件,不需要自己在index.html中添加)