CSS klassid data kaudu Vue'is
CSS klasse saab elemendile lisada
sõltuvalt data objekti omaduste
väärtustest. Vaatame näidet. Olgu meil
järgmised omadused:
data() {
return {
isActive: true,
hasError: true,
}
}
Lisame elemendile CSS klassid sõltuvalt meie omaduste väärtustest:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Antud on järgmised omadused:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Tehke nii, et sõltuvalt nende omaduste väärtustest lisataks teagile vastavad CSS klassid.
