Vue-та data арқылы CSS сыныптары
CSS сыныптарын элементке
data объектісінің қасиеттер
мәндеріне байланысты қосуға болады.
Мысал арқылы қарастырайық. Бізде келесі
қасиеттер бар делік:
data() {
return {
isActive: true,
hasError: true,
}
}
Элементке біздің қасиеттеріміздің мәніне байланысты CSS сыныптарын қосамыз:
<template>
<p :class="{active: isActive, error: hasError}">
мәтін
</p>
</template>
Келесі қасиеттер берілген:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Осы қасиеттердің мәндеріне байланысты тегке сәйкес CSS сыныптары қосылатын етің жасаңыз.
