Vue'до элементтерди тогглоо
Келгиле, азыр абзацты тогглой турган баскыч жасайлы, башкача айтканда биринчи чыкылдатууда аны көрсөтүп, экинчи чыкылдатууда жашырабыз. Бул үчүн баскычка чыкылдаганда toggle методуун чакырабыз:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">текст</p>
</template>
Методдун коду visible касиетинин маанисин алып, аны карама-каршы мааниге өзгөртүү керек:
toggle: function() {
this.visible = !this.visible;
}
Үч абзац жана үч баскыч берилген. Ар бир баскыч өз абзацын тогглой тургандай кылыңыз.
