CSS դասեր data-ի միջոցով Vue-ում
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 դասեր:
