인프런 커뮤니티 질문&답변

배건우님의 프로필 이미지

작성한 질문수

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

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

class바인딩

21.06.16 13:25 작성

·

136

0

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

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

답변 1

0

민첩한 문어님의 프로필 이미지

2021. 06. 18. 10:59

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