Vue တွင် Toggle လုပ်သည့်အခါ စာသားပြောင်းလဲခြင်း
Toggle လုပ်သည့်အခါ button တွင် ထို button က လက်ရှိအချိန်တွင် လုပ်ဆောင်မည့် လုပ်ဆောင်ချက်၏ စာသားကို ရေးထားစေရန် ပြုလုပ်ကြပါစို့။ ထိုသို့ပြုလုပ်ရန် ကျွန်ုပ်တို့သည် အောက်ပါအတိုင်း ternary operator ကို အသုံးပြုရန်လိုအပ်ပါသည်။
<template>
<button @click="toggle">
{{ visible ? 'hide' : 'show' }}
</button>
</template>
စာပိုဒ်သုံးခုနှင့် button သုံးခု ရှိပါသည်။ Button တစ်ခုစီက ၎င်း၏စာပိုဒ်ကို toggle လုပ်ပြီး ထိုနည်းတူစွာ ၎င်း၏စာသားကို သက်ဆိုင်ရာ ပုံစံအတိုင်း ပြောင်းလဲစေရန် ပြုလုပ်ပါ။
