CSS Kelas melalui data dalam Vue

Kelas CSS boleh ditambah pada elemen bergantung pada nilai sifat objek data. Mari lihat pada contoh. Katakan kita mempunyai sifat-sifat berikut:

javascriptdata() {
  return {
    isActive: true,
    hasError: true,
  }
}

Tambahkan kelas CSS pada elemen bergantung pada nilai sifat kita:

App.vue<template>
  <p :class="{active: isActive, error: hasError}">
    teks
  </p>
</template>

javascriptdata() {
  return {
    isValid: true,
    isDisabled: true,
  }
}