Vue တွင် ရှုပ်ထွေးသော အခြေအနေများ
v-if directive ထဲတွင် ပို၍ ရှုပ်ထွေးသော အခြေအနေများ ပြုလုပ်နိုင်ပါသည်။ ဥပမာအားဖြင့်၊ num property ထဲတွင် 1၊ 2 သို့မဟုတ် 3 နံပါတ်တစ်ခုခု ရှိနိုင်သည်ဆိုပါစို့။
data() {
return {
num: 3, // ယခု 3 ရှိသည်ဆိုပါစို့
}
}
ယခု အပိုဒ်သုံးခုပြုလုပ်ကြပါစို့၊ ၎င်းတို့အနက်မှ num property ၏တန်ဖိုးပေါ် မူတည်၍ တစ်ခုတည်းကိုသာ ပြသမည်။
<template>
<p v-if="num === 1">one</p>
<p v-if="num === 2">two</p>
<p v-if="num === 3">three</p>
</template>
ပို၍ ရှုပ်ထွေးသော အခြေအနေများကိုလည်း ပြုလုပ်နိုင်ပါသည်။
<template>
<p v-if="num === 1 || num === 3">
one or two
</p>
</template>
day property ကို ပေးထားပြီး၊ ၎င်းထဲတွင် လက်ရှိ သီတင်းနေ့ကို ရေးသားထားသည်။ သင့်ထံတွင် အပိုဒ်ခုနစ်ခုရှိပြီး၊ တစ်ခုစီတွင် သီတင်းနေ့အမည်ကို ရေးသားထားသည်ဆိုပါစို့။ ဖန်သားပြင်ပေါ်တွင် လက်ရှိသီတင်းနေ့၏အမည်ပါသော အပိုဒ်ကိုသာ မြင်ရရန် ပြုလုပ်ပါ။
