composition api checkbox 전체 선택 해제

Question

안녕하세요. composition api로 개발을 진행중에 있습니다. ( vue는 처음 개발합니다..)vue 3 option api 가 아닌 composition api로 하다보니 구글링이 안되는 것들이 너무 많다보니 개발하는데 어려움이 많이 있습니다. (물어볼 사람도 없어서 ...)이렇게 했는데 문제가 많습니다...어떤 방향으로 코딩을 해야 할지 막막합니다.

jslovers · Accepted Answer

@change를 쓰지 않고 이렇게 하는 방법도 있습니다참고해보세요

Clickin · Answer

컴포지션의 문제가 아니라 input이랑 바인딩의 개념을 잘못 이해하신게 원인입니다.해설입니다.input의 type이 checkbox면 checked 속성으로 체크여부를 제어합니다그럼 전체선택 기능을 만들기 위해서는 :checked로 checked 속성에 바인딩이 필요하겠죠이때 item이 그냥 string이 아니라 {itemId: string, itemChecked:boolean} 같은 형태의 객체가 돼야할겁니다.:id=item.itemId, :checked=item.itemChecked 같은 식으로 바인딩하시고요전체선택은 checkedlist을 돌면서 checked 속성을 바꿔주면 될겁니다.타입스크립트를 쓰시면 이런 경우 더 구조적으로 표현가능하니 사용하시는걸 강럭 추천드립니다.

yeori · Answer

이렇게 쓰시면 됩니다.

jslovers · Answer

참고해보세요

composition api checkbox 전체 선택 해제

4개의 답변

#composition-api 목록