[ CSS ] 조건부 class 지정

quasar에서 제공하는 스타일이나 flex 등은 class에 작성해줘야 한다. 

(비슷한 맥락에서 tailwind는 className에 작성)

 

그때 조건부로 스타일을 지정하고 싶어서 그 방법을 찾아봤다. 

 

:class="[조건? 'ture일 경우 class' : 'false일 경우 class']"

 

 

✅ 사용 예시

:class="{
  'cell-border': true,
  'bg-grey-4': props.row.volatilType.dtlCd !== '4',
}"