Vue TutorialLesson 6Preview gratis
Vue v-show
Lesson ini bagian dari Vue · Semua level
Ringkasan
Directive v-show bekerja dengan memanipulasi properti CSS display pada elemen: elemen tetap ada di DOM, hanya disembunyikan dari tampilan ketika kondisinya false. Pendekatan ini membuat perpindahan tampilan sangat murah, sehingga cocok untuk elemen yang sering dibuka dan ditutup. Namun v-show tidak mendukung cabang v-else dan tidak bisa dipakai pada elemen template.
Poin kunci
- v-show menyembunyikan elemen dengan mengubah CSS display.
- Elemen tetap dirender di DOM meski tampilannya disembunyikan.
- v-show cocok untuk elemen yang sering berganti tampilan.
- v-show tidak mendukung v-else atau v-else-if.
- v-show tidak berfungsi pada elemen template yang tidak merender elemen DOM.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.