Klasat CSS përmes data në Vue

Klasat CSS mund të shtohen në element në varësi të vlerave të vetive të objektit data. Le të shohim me një shembull. Le të themi se kemi vetitë e mëposhtme:

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

Le të shtojmë klasa CSS në element në varësi të vlerës së vetive tona:

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

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