Comment implémenter la liaison de classe conditionnelle dans VUE

Question

Est-il possible de créer une condition en utilisant Vue pour ajouter une classe basée sur les modifications de texte chargées sur doom ? J'ai une liste avec des noms de couleurs jaunerougegris Je veux définir une condition comme si le texte du nom est jaune Je veux ajouter une classe " couleur_jaune" etc.

P粉627136450 · Answer

Essayez un extrait de code comme ci-dessous :

new Vue({
  el: '#demo',
  data() {
    return {
      colors: ['yellow', 'red', 'grey']
    }
  }
})

Vue.config.productionTip = false
Vue.config.devtools = false

.color_yellow {
  color: yellow;
}
.color_red {
  color: red;
}
.color_grey {
  color: grey;
}

sssccc

  
    
      {{ color }}