Vue တွင် တုံ့ပြန်သော အခြေအနေ

အခြေအနေတစ်ခုသည် တုံ့ပြန်မှုရှိစေရန် ပြုလုပ်ကြပါစို့။ ဥပမာအားဖြင့်၊ ခလုတ်တစ်ခုကို နှိပ်လိုက်သည့်အခါ အဲလီမင့်တစ်ခု ပုန်းကွယ်သွားစေရန် ပြုလုပ်ကြပါစို့။ ကျွန်ုပ်တို့တွင် အောက်ပါ စာပိုဒ်တစ်ခု ရှိသည်ဆိုပါစို့။

App.vue<template>
  <p v-if="visible">text</p>
</template>

ကျွန်ုပ်တို့၏ စာပိုဒ်ကို ကနဦးတွင် ပြသထားစေရန် ပြုလုပ်ကြပါစို့။

javascriptdata() {
  return {
    visible: true,
  }
}

ယခု ခလုတ်တစ်ခုကို ပြုလုပ်ကြပါစို့၊ ၎င်းကို နှိပ်လိုက်သည့်အခါ စာပိုဒ်သည် ပုန်းကွယ်သွားမည်ဖြစ်သည်။

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

�ျိတ်ဆက်ထားသော method သည် visible property ကို false အဖြစ်သို့ ပြောင်းလဲပစ်မည်ဖြစ်ပြီး၊ ဤနည်းဖြင့် ကျွန်ုပ်တို့၏ စာပိုဒ်ကို ပုန်းကွယ်သွားစေရန် ဖြစ်ပေါ်စေသည်။

javascriptmethods: {
  hide: function() {
    this.visible = false;
  }
}