Scaling UpLesson 31Preview gratis
Vue Teleport
Lesson ini bagian dari Vue · Semua level
Ringkasan
Teleport adalah komponen bawaan Vue yang memindahkan potongan template ke lokasi lain di dalam DOM, di luar hierarki komponen saat ini. Kasus paling umum adalah modal, toast, dan tooltip yang harus tampil di atas segalanya tanpa terhalang properti overflow. Konten tetap menjadi bagian logika komponen aslinya meski berada di tempat berbeda.
Poin kunci
- Teleport memindahkan render konten ke target DOM tertentu.
- Atribut to menentukan tujuan teleport, biasanya elemen di luar #app.
- Logika komponen tetap terikat pada sumber, hanya tampilannya yang dipindah.
- Cocok untuk modal, toast, dan overlay.
- Atribut disabled dapat menonaktifkan teleport sementara.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.