Bagaimana untuk melaksanakan pengikatan kelas bersyarat dalam VUE

Question

Adakah mungkin untuk mencipta syarat menggunakan Vue untuk menambah kelas berdasarkan perubahan teks yang dimuatkan pada azab? Saya mempunyai senarai dengan nama warna kuningmerahkelabu Saya mahu menetapkan syarat seperti jika teks nama berwarna kuning saya ingin menambah kelas " warna_kuning" dsb.

P粉627136450 · Answer

Cuba coretan kod seperti di bawah:

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 }}