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

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

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

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

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

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