-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>

底部