Vue တွင် v-else ညွှန်ကြားချက်

v-if ညွှန်ကြားချက်သည် v-else နှင့် အတူတွဲ၍လည်း အလုပ်လုပ်နိုင်ပါသည်။ လက်တွေ့တွင် မည်သို့ပုံစံရှိသည်ကို ကြည့်ရအောင်။ isAuth ဂုဏ်သတ္တိသည် အသုံးပြုသူ အကောင့်ဝင်ထားခြင်း ရှိ၊ မရှိ ကိုသိမ်းဆည်းထားသည်ဆိုပါစို့။

data() {
	return {
		isAuth: true, // ဤနေရာတွင် true သို့မဟုတ် false
	}
}

isAuth ၏တန်ဖိုးပေါ်မူတည်၍ မက်ဆေ့ဂျ်တစ်ခု သို့မဟုတ် အခြားတစ်ခု ထွက်ပေါ်လာစေရန် ပြုလုပ်ကြပါစို့။

<template>
	<p v-if="isAuth">+++</p>
	<p v-else>---</p>
</template>

isAdmin ဂုဏ်သတ္တိ ပေးထားပါသည်။

data() {
	return {
		isAdmin: true,
	}
}

ဂုဏ်သတ္တိ၏တန်ဖိုးပေါ် မူတည်၍ စာသားတစ်ခု သို့မဟုတ် အခြားတစ်ခုကို �ုတ်ပြပါ။