Vue တွင် အစိတ်အပိုင်းများကို ဖွင့်ပိတ်ခြင်း

ယခု စာပိုဒ်တစ်ခုကို ဖွင့်ပိတ်နိုင်သည့် ခလုတ်တစ်ခုကို ပြုလုပ်ကြပါစို့။ ဆိုလိုသည်မှာ ပထမအကြိမ် နှိပ်လိုက်လျှင် ပြသပြီး ဒုတိယအကြိမ် နှိပ်လိုက်လျှင် ဝှက်ထားခြင်း ဖြစ်ပါသည်။ ထိုသို့ပြုလုပ်ရန် ခလုတ်ကို နှိပ်လိုက်သောအခါ toggle နည်းလမ်းကို ခေါ်ယူပါမည်။

App.vue<template>
  <button @click="toggle">toggle</button>
  <p v-if="visible">စာသား</p>
</template>

နည်းလမ်း၏ ကုဒ်ထဲတွင် visible ဂုဏ်သတ္တိ၏ တန်ဖိုးကို ယူပြီး ၎င်း၏ ဆန့်ကျင်ဘက်တန်ဖိုးသို့ ပြောင်းလဲရန် လိုအပ်ပါမည်။

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