Vue3.0teleport

.modal{位置：固定；左：0；右：0；顶部：0；底部：0；背景：rgba(0,0,0,0.5);显示：弹性；证明内容：居中；对齐项目：中心;}.content{宽度：40%；背景：#fff；高度：300px；显示：弹性；证明内容：居中；对齐项目：居中；}.text{margin-bottom:20px;}1.TeleportTeleport解决了一个包含全屏模式的组件。逻辑存在于组件中，组件的快速定位可以通过css解决。teleport提供了一种干净的方式，允许我们控制在DOMHTML中的哪个父级下呈现，而不必求助于全局状态或将其拆分为两个组件。下面是我们如何修改模态按钮以使用，并告诉Vue“将此HTML传送到‘body’标签”。页面效果如下：以下是modal-button的组件代码.modal{位置：固定；左：0；右：0；顶部：0；底部：0；背景：rgba(0,0,0,0.5);显示：弹性；证明内容：居中；对齐项目：中心;}.content{宽度：40%；背景：#fff；高度：300px；显示：弹性；证明内容：居中；对齐项目：居中；}.text{margin-bottom:20px;}以上就是teleport使用场景的演示，希望对大家有所帮助！