Scaling UpLesson 33Preview gratis
Vue Template Refs
Lesson ini bagian dari Vue · Semua level
Ringkasan
Template refs memberi cara mengakses elemen DOM atau instance komponen secara langsung dari logika Vue. Dengan Composition API, kamu membuat ref dengan nama yang sama persis seperti atribut ref di template, lalu Vue mengisinya dengan elemen tersebut setelah render. Akses ke DOM sebaiknya dilakukan setelah komponen terpasang, misalnya di onMounted.
Poin kunci
- Template refs mengakses elemen DOM atau instance komponen langsung.
- Pada Composition API, deklarasikan ref dengan nama sama seperti atribut ref.
- Nilai ref terisi setelah komponen selesai dirender.
- Akses DOM sebaiknya dilakukan di onMounted, bukan langsung di setup.
- Pada Options API tersedia this.$refs untuk akses serupa.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.