class바인딩

21.06.16 13:25 작성 조회수 79

class값은 <style>안에서만 받을 수 있나요?

예를들어 v-bind:class="active"를 했는데 data의 return에서는 .active: ~~~~ 했는데 작동이 안되었습니다.

Vue.js 제대로 배워볼래?(Vue.js 프로젝트 투입 일주일 전)

클래스와 스타일에 데이터 바인딩

강의실 바로가기

답변 1

답변을 작성해보세요.

민첩한 문어

2021.06.18

data() 안에서 클래스 조절하고 싶으시면 v-bind:style 사용하시면 됩니다!

.active~~ 를 하시면 그냥 해당 바인딩 된 데이터 이름이 .active가 되어서 반영이 안될거에요

참조 : https://kr.vuejs.org/v2/guide/class-and-style.html#%EA%B0%9D%EC%B2%B4-%EA%B5%AC%EB%AC%B8-1