Vue фреймворкида class атрибути
class атрибути билан ишлаш
v-bind директиваси ёки
унинг қисқартирилган шакли орқали амалга оширилади.
Келинг, амалда кўрамиз.
str хусусиятида
тегнинг CSS класслари
бошлиқлар билан ажратиб қўйилган бўлсин:
data() {
return {
str: 'active valid',
}
}
Ушбу CSS классларни бирор тегга қўшамиз:
<template>
<p :class="str">text</p>
</template>
Абзац берилган. cssClasses хусусияти берилган бўлиб,
унда айрим CSS класслар ёзилган.
Ушбу классларни бизнинг абзацимизга қўшинг.