Vue移动 HTML 元素到指定位置 teleport 标签

teleport 标签：用于将组件中的 HTML 元素移动到任意的位置。

 使用 teleport 标签移动 HTML 元素：

    

        
我是第三层组件的标题
        
我是第三层组件的内容
        
我是第三层组件的内容
        
我是第三层组件的内容
    

注：teleport 标签也可以通过 id 名移动，例如：``

 

 使用 teleport 标签制作全局弹窗：

第一层组件：

第二层组件：

第三层组件（弹窗组件）：使用 teleport 标签将弹窗内容移动到 body 标签中。

 最终效果：

原创作者：吴小糖

创作时间：2023.11.21