Classi CSS tramite data in Vue
Le classi CSS possono essere aggiunte a un elemento
in base ai valori delle proprietà
dell'oggetto data. Vediamo con
un esempio. Supponiamo di avere le seguenti
proprietà:
data() {
return {
isActive: true,
hasError: true,
}
}
Aggiungiamo le classi CSS all'elemento in base al valore delle nostre proprietà:
<template>
<p :class="{active: isActive, error: hasError}">
text
</p>
</template>
Sono date le seguenti proprietà:
data() {
return {
isValid: true,
isDisabled: true,
}
}
Fate in modo che in base ai valori di queste proprietà nel tag vengano aggiunte le corrispondenti classi CSS.
