自訂元件生成位置 teleport

自訂元件生成位置 teleport

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