Vue တွင် အစိတ်အပိုင်းများကို ဖွင့်ပိတ်ခြင်း
ယခု စာပိုဒ်တစ်ခုကို ဖွင့်ပိတ်နိုင်သည့် ခလုတ်တစ်ခုကို ပြုလုပ်ကြပါစို့။ ဆိုလိုသည်မှာ ပထမအကြိမ် နှိပ်လိုက်လျှင် ပြသပြီး ဒုတိယအကြိမ် နှိပ်လိုက်လျှင် ဝှက်ထားခြင်း ဖြစ်ပါသည်။ ထိုသို့ပြုလုပ်ရန် ခလုတ်ကို နှိပ်လိုက်သောအခါ toggle နည်းလမ်းကို ခေါ်ယူပါမည်။
<template>
<button @click="toggle">toggle</button>
<p v-if="visible">စာသား</p>
</template>
နည်းလမ်း၏ ကုဒ်ထဲတွင် visible ဂုဏ်သတ္တိ၏ တန်ဖိုးကို ယူပြီး ၎င်း၏ ဆန့်ကျင်ဘက်တန်ဖိုးသို့ ပြောင်းလဲရန် လိုအပ်ပါမည်။
toggle: function() {
this.visible = !this.visible;
}
စာပိုဒ်သုံးခု နှင့် ခလုတ်သုံးခု ရှိပါသည်။ ခလုတ်တစ်ခုစီသည် ၎င်း၏ကိုယ်ပိုင် စာပိုဒ်ကို ဖွင့်ပိတ်နိုင်အောင် ပြုလုပ်ပါ။
