Vue රාමුවේ class ගුණාංගය
class ගුණාංගය සමඟ වැඩ කිරීම සිදු කරනු ලබන්නේ
v-bind නියෝගය හරහා හෝ
එහි සංක්ෂිප්ත ආකෘතිය හරහාය.
අපි ප්රායෝගිකව බලමු.
str ගුණයේ
අවකාශයන් මඟින් වෙන් කරන ලද
ටැගයේ CSS පංති ගබඩා කර ඇතැයි සිතමු:
data() {
return {
str: 'active valid',
}
}
මෙම CSS පංති යම් ටැගයකට එකතු කරමු:
<template>
<p :class="str">text</p>
</template>
යම් ඡේදයක් ඇත. cssClasses ගුණයක් ඇත,
එහි යම් CSS පංති සටහන් කර ඇත.
මෙම පංති අපගේ ඡේදයට එක් කරන්න.