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