Teleport

Jerga99 · Aug 16, 2020 · 66047fa · 66047fa
1 parent 8a2f7e2
commit 66047fa
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,6 +1,7 @@
 <template>
   <Header/>
   <div class="container">
+    <div id="teleportContent"></div>
     <router-view />
   </div>
 </template>

diff --git a/src/ResourceApp.vue b/src/ResourceApp.vue
@@ -34,6 +34,9 @@
           Delete
         </button>
       </h4>
+      <teleport to="#teleportContent">
+        <div class="teleport-body">I am Teleported!</div>
+      </teleport>
       <resource-detail :resource="activeResource" />
     </div>
   </div>
@@ -75,3 +78,10 @@ export default {
   }
 }
 </script>
+<style>
+  .teleport-body {
+    padding: 20px;
+    background-color: #e6e6e6;
+    margin: 10px;
+  }
+</style>