Vue में एलिमेंट्स को टॉगल करना
आइए अब एक बटन बनाते हैं जो
एक पैराग्राफ को टॉगल करेगा, यानी पहले क्लिक पर
उसे दिखाएगा, और दूसरे क्लिक पर
छिपाएगा। इसके लिए बटन पर क्लिक करने पर
हम toggle मेथड को कॉल करेंगे:
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">text</p>
</template>
मेथड के कोड में visible प्रॉपर्टी का
मान लेना होगा
और उसे उसके विपरीत मान में बदलना होगा:
toggle: function() {
this.visible = !this.visible;
}
तीन पैराग्राफ और तीन बटन दिए गए हैं। ऐसा करें कि प्रत्येक बटन अपना अपना पैराग्राफ टॉगल करे।
