Vue学习笔记-Vue3中的Teleport组件

2023-12-15 16:10:49

作用

该组件的作用一般用于CSS样式，Teleport能够将写在其中的组件传输到指定位置

使用示范

<!--to中的属性值可以写css选择器，例如 to="#idName"-->
<teleport to="body">
 <div>
    <h3>我是一个弹窗</h3>
    <h4>今日要闻</h4>
    <h4>今日要闻</h4>
    <h4>今日要闻</h4>
    <h4>今日要闻</h4>
    <button @click="isShow = false">关闭弹窗</button>
 </div>
</teleport>

如上述代码所示，teleport中的html元素被传送至body中，无论谁调用该组件

文章来源:https://blog.csdn.net/theLuckyLong/article/details/135017355
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。