-Vue3 随笔01 Vue3新特性teleport组件—穿透位置
-Vue3 随笔01 Vue3新特性teleport组件—穿透位置

teleport组件

demo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<template>
<!-- 父组件-->
<div class="fei-parent">
<Bar/>
</div>
</template>

<script setup>
import Bar from './bar.vue'
</script>

------------------------------------
<template>
<div class="childFei">
<h1>这里是组件---使用teleport后可以让这个组件位置定位到 to="#feiP"这里 </h1>

<teleport to="#feiP">
<button type="button">我要到 #feiP 这个id的里层</button>
</teleport>
</div>

</template>

<script setup></script>

底部