보드 아이템 배경색 변경 관련 질문

Tìm hiểu các kỹ năng thực hành front-end của Vuejs, Vuex và Vue-Router thông qua phát triển Trello

Màn hình tìm kiếm danh sách bảng

Viết

280

안녕하세요. 강사님 강의 잘 듣고 있습니다!

지금은 updated 훅에서 컴포넌트의 데이터가 변경될 때마다 DOM에 접근하여 보드 아이템의 배경색을 바꾸는 것으로 알고 있습니다.

하지만 인라인 스타일 바인딩으로 아래 코드처럼 배경색을 변경해도 정상적으로 동작하는 데 updated 훅에서 보드 아이템의 배경색을 바꾸시는 다른 이유가 있을까요?

<div
 class="board-item"
 v-for="b in boards"
 :key="b.id"
 ref="boardItem"
 :style="{ backgroundColor: b.bgColor }"
 >

vuejsjavascript

Câu trả lời 1

Người chia sẻ kiến thức

인라인 스타일로 지정해도 동작하겠네요.

지금은 백그라운 색상만 변경하는 것이라서 충분하고요. 만약 작업이 늘어난다면 인라스타일 보다는 별로 로직으로 분리하는게 유지보수하는데 더 낫지 않을까 생각합니다.

Người đặt câu hỏi

작업이 늘어난다면 확실히 인라인 스타일 바인딩만으로는 유지보수 측면에서 어려움이 있겠네요. 답변 감사합니다!

Cộng đồng Hỏi & Đáp của Inflearn