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

作用

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

使用示范


<teleport to="body">
 <div>
    <h3>我是一个弹窗h3>
    <h4>今日要闻h4>
    <h4>今日要闻h4>
    <h4>今日要闻h4>
    <h4>今日要闻h4>
    <button @click="isShow = false">关闭弹窗button>
 div>
teleport>

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

你可能感兴趣的:(Vue,vue.js,学习,笔记)