Vue में एलिमेंट्स को टॉगल करना

आइए अब एक बटन बनाते हैं जो एक पैराग्राफ को टॉगल करेगा, यानी पहले क्लिक पर उसे दिखाएगा, और दूसरे क्लिक पर छिपाएगा। इसके लिए बटन पर क्लिक करने पर हम toggle मेथड को कॉल करेंगे:

App.vue<template>
  <button @click="toggle">toggle</button>
  <p v-if="visible">text</p>
</template>

मेथड के कोड में visible प्रॉपर्टी का मान लेना होगा और उसे उसके विपरीत मान में बदलना होगा:

javascripttoggle: function() {
  this.visible = !this.visible;
}