Vue Freymvorkunda class atributu
class atributu ilə iş
v-bind direktivi və ya
onun qısaldılmış forması ilə həyata keçirilir.
Gəlin praktik olaraq baxaq.
Tutaq ki, str xassəsində
CSS sinifləri boşluqla ayrılmış şəkildə saxlanılır:
data() {
return {
str: 'active valid',
}
}
Gəlin bu CSS siniflərini hansısa teqə əlavə edək:
<template>
<p :class="str">mətn</p>
</template>
Abzas verilib. cssClasses xassəsi verilib,
hansında ki, bəzi CSS sinifləri qeyd olunub.
Bu sinifləri bizim abzasa əlavə edin.
