CSS-klasse deur data in Vue

CSS-klasse kan by 'n element gevoeg word afhangende van die waardes van die eienskappe van die data-objek. Kom ons kyk na 'n voorbeeld. Gestel ons het die volgende eienskappe:

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

Laat ons CSS-klasse by 'n element voeg, afhangende van die waardes van ons eienskappe:

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

Задание 1

Die volgende eienskappe word gegee:

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

Maak dit so dat, afhangende van die waardes van hierdie eienskappe, die ooreenstemmende CSS-klasse by die tag gevoeg word.