0 Tage Serie
javascript / beginner
Snippet

DOM-Elemente verschieben mit Teleport

Die Teleport-Komponente ermöglicht es, einen Teil des Templates einer Komponente in einen DOM-Knoten zu rendern, der außerhalb der eigenen Hierarchie liegt, wie z.B. am Ende des <body>-Tags.

snippet.js
javascript
1
2
3
4
5
<template>
<Teleport to="body">
<div class="modal">I am appended to the body tag!</div>
</Teleport>
</template>
vue
Erklärung
1
<Teleport to="body">
Das 'to'-Attribut gibt den CSS-Selektor des Zielorts an.