인프런 커뮤니티 질문&답변
작성한 질문수
33강 pagination 에서 질문이 있습니다
작성
·
187
0
안녕하세요.
33강 pagination 2 듣는 중에 궁금한 점이 생겼는데요.
6:50초 쯤에 class="page-item" 을 class="page-item active" 로 변경하니 전체 페이지 버튼이 파랗게 되는 것을 보여주셨었는데요.
이걸 현재 페이지만 파랗게 보이게 하려고
class="page-item"
:class="currentPage === page? : 'active' : '' "
와 같이 지정해주신 걸 봤습니다.
조건은 이해했는데, 조건이 충족되서 :class='active' 가 되면 class 가 "page-item active" 로 바뀐다는게 이해가 잘 안되서요.
구글링을 해도 뭐라 검색해야할지 잘 모르겠어서 답이 안나오네요.
동일한 이름으로 바인딩을 해주면 접미사로 자동으로 붙는 건가요??
답변 1
0
class="" 에 들어간 class는 항상 거기에 있는거고
:class="" 에 들어간 경우는 조건에 만족할때 들어가게 됩니다
그래서 class="page-item" 여기서 page-item은 항상 들어가 있는거고
:class="currentPage === page? : 'active' : '' " 이 부분에서는 currentPage가 page랑 같을때 active가 class에 들어가게 됩니다
그래서 class="page-item active"가 되는것이죠
currentPage가 page랑 같지 않을 경우엔 빈 문자열에 들어가서 class="page-item" 인것이구요
추가 질문 있으시면 다시 질문 올려주세요 ^^