Το χαρακτηριστικό class στο framework Vue
Η εργασία με το χαρακτηριστικό class γίνεται
μέσω της directive v-bind ή
της συντομογραφίας της.
Ας δούμε πρακτικά.
Ας υποθέσουμε ότι στην ιδιότητα str
αποθηκεύονται CSS κλάσεις της ετικέτας,
χωρισμένες με κενά:
data() {
return {
str: 'active valid',
}
}
Προσθέστε αυτές τις CSS κλάσεις σε κάποια ετικέτα:
<template>
<p :class="str">κείμενο</p>
</template>
Δίνεται μια παράγραφος. Δίνεται η ιδιότητα cssClasses,
στην οποία έχουν καταγραφεί ορισμένες CSS κλάσεις.
Προσθέστε αυτές τις κλάσεις στην παράγραφό μας.