Vue-এ data এর মাধ্যমে CSS ক্লাস

CSS ক্লাসগুলি একটি উপাদানে যোগ করা যেতে পারে data অবজেক্টের বৈশিষ্ট্যের মানের উপর নির্ভর করে। একটি উদাহরণ দেখা যাক। ধরুন আমাদের নিম্নলিখিত বৈশিষ্ট্য রয়েছে:

data() {
	return {
		isActive: true,
		hasError: true,
	}
}

আমাদের বৈশিষ্ট্যগুলির মানের উপর নির্ভর করে উপাদানটিতে CSS ক্লাস যোগ করা যাক:

<template>
	<p :class="{active: isActive, error: hasError}">
		text
	</p>
</template>

নিম্নলিখিত বৈশিষ্ট্য দেওয়া হয়েছে:

data() {
	return {
		isValid: true,
		isDisabled: true,
	}
}

এই বৈশিষ্ট্যগুলির মানের উপর নির্ভর করে ট্যাগে সংশ্লিষ্ট CSS ক্লাস যুক্ত করা নিশ্চিত করুন।