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,
	}
}

প্রপার্টির মানের উপর নির্ভর করে একটি টেক্সট বা অন্য টেক্সটটি আউটপুট করুন।