Atributo class no framework Vue
O trabalho com o atributo class é feito
através da diretiva v-bind ou
sua forma abreviada.
Vamos ver na prática.
Suponha que a propriedade str
armazene as classes CSS da tag,
separadas por espaços:
data() {
return {
str: 'active valid',
}
}
Vamos adicionar essas classes CSS a alguma tag:
<template>
<p :class="str">texto</p>
</template>
É dado um parágrafo. É dada uma propriedade cssClasses,
na qual estão registradas algumas classes CSS.
Adicione essas classes ao nosso parágrafo.