自訂元件生成位置 teleport
- 在 HTML 上命名要放置的位置,id target 是我們要放置的位置
1
2
3<div id="app">
<div id="target"></div>
</div> - 用 teleport 標籤包覆內容
1
2
3<teleport to="#target">
<div class="alert alert-danger">替換的內容</div>
</teleport> - 針對 class 使用
1
<teleport to=".class"></teleport>
- 針對標籤使用,一次性替換多個內容
1
<teleport to="h1"></teleport>