Атрибут class en el framework Vue
El trabajo con el atributo class se realiza
a través de la directiva v-bind o
su forma abreviada.
Veamos en la práctica.
Supongamos que en la propiedad str
se almacenan clases CSS de la etiqueta,
separadas por espacios:
data() {
return {
str: 'active valid',
}
}
Añadamos estas clases CSS a alguna etiqueta:
<template>
<p :class="str">texto</p>
</template>
Se da un párrafo. Se da una propiedad cssClasses,
en la que están escritas algunas clases CSS.
Añada estas clases a nuestro párrafo.