javascript - vue의 모든 선택 기능에 대한 질문

Question

요구사항:
가구, 가전제품 등의 하위 메뉴를 클릭하면 해당 하위 메뉴가 모두 선택됩니다. 하위 메뉴에서 항목을 하나 적게 선택하면 해당 상위 메뉴의 전체 선택 동작이 취소됩니다. 현재 기능은 본체와 하위 메뉴를 모두 선택하는 기능입니다. 하위 메뉴와 작은 메뉴의 관계는 어떻게 구현되나요?
텍스트가 명확하지 않아 바로 코드로 이동하겠습니다
https://jsfiddle.net/nj8u0nLo/1/
으아악 으아악

Select all은 부울 값에 바인딩되어 있지만 하위 메뉴는 배열에 바인딩되어 있습니다. 아니면 혹시 참고할만한 사례가 있으신가요? 겸허히 조언 구합니다~! !

Answer 1

HTML에서 직접 조작하고, :checked 속성을 사용하여 조작하세요

Answer 2

매우 나쁜 버전을 작성했습니다. 도와주시겠어요? 으아악