Vue တွင် data မှတစ်ဆင့် CSS classes များ

CSS classes များကို data object ၏ properties များ၏တန်ဖိုးပေါ် မူတည်၍ element သို့ ထည့်ပေးနိုင်ပါသည်။ ဥပမာတစ်ခုဖြင့် ကြည့်ရအောင်။ ကျွန်ုပ်တို့တွင် အောက်ပါ properties များရှိသည်ဆိုပါစို့။

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

ကျွန်ုပ်တို့၏ properties များ၏တန်ဖိုးပေါ် မူတည်၍ CSS classes များကို element သို့ ထည့်ကြပါစို့။

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

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