Toггли кардан унсурҳо дар Vue
Биёед акнун тугмае созем, ки
абзацро toggle кунад, яъне бо клики аввал
онро нишон диҳад ва бо клики дуввум
- пинҳон кунад. Барои ин бо клик
рӯи тугма усули
toggle-ро даъват мекунем:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">матн</p>
</template>
Дар рамзи усул ниёз доред, ки
қимати хосияти visible-ро гирифта
ва онро ба муқобили худ инверт кунед:
toggle: function() {
this.visible = !this.visible;
}
Се абзац ва се тугма дода шудаанд. Чунгон кунед, ки ҳар як тугма абзаци худро toggle кунад.
