Vue-এ CSS ক্লাস সহ অবজেক্ট

CSS ক্লাসগুলিও অবজেক্টে সংরক্ষণ করা যেতে পারে। এই ক্ষেত্রে, ক্লাসের নামগুলি হবে অবজেক্টের কী, এবং অবজেক্টের এলিমেন্টগুলি হবে লজিক্যাল মান। যদি মানটি true হয়, তবে ক্লাসটি এলিমেন্টে যোগ করা হবে, আর যদি false হয়, তবে যোগ করা হবে না।

আসুন অনুশীলনে চেষ্টা করি। ধরুন আমাদের নিম্নলিখিত অবজেক্টটি ক্লাস সহ রয়েছে:

javascriptdata() {
  return {
    obj: {
      active: true,
      valid:  false,
    },
  }
}

এই অবজেক্টটি একটি ট্যাগের সাথে বাইন্ড করি:

App.vue<template>
  <p :class="obj">text</p>
</template>

javascriptdata() {
  return {
    obj: {
      done: true,
      selected:  false,
    },
  }
}