Vue ফ্রেমওয়ার্কে class অ্যাট্রিবিউট
class অ্যাট্রিবিউট নিয়ে কাজ করা হয়
v-bind ডাইরেক্টিভ বা
এর সংক্ষিপ্ত ফর্মের মাধ্যমে।
আসুন অনুশীলনে দেখি।
ধরুন str প্রপার্টিতে
ট্যাগের CSS ক্লাসগুলি স্পেস দ্বারা
আলাদা করে সংরক্ষণ করা আছে:
data() {
return {
str: 'active valid',
}
}
আসুন এই CSS ক্লাসগুলি কোনও ট্যাগে যোগ করি:
<template>
<p :class="str">text</p>
</template>
একটি প্যারাগ্রাফ দেওয়া আছে। একটি প্রপার্টি cssClasses দেওয়া আছে,
যাতে কিছু CSS ক্লাস লিখে রাখা হয়েছে।
আমাদের প্যারাগ্রাফে এই ক্লাসগুলি যোগ করুন।
