Vue routerlink 및 v-for 변경 제안 방법

Question

다음 코드를 사용하고 있습니다:

으아아아 으아아아

내 질문은 이 기능을 달성하기 위해 routerlink를 사용하는 방법입니다. 현재 항목을 선택하면 true로 변경되고 싶습니다. 순풍 수준이 변경됩니다. (item.current = true)를 시도했지만 현재 모든 개체가 true로 변경됩니다. 표시되는 코드는 Tailwind 구성요소 사이드바 예시에서 가져온 것입니다. https://tailwindui.com/comComponents/application-ui/application-shells/sidebar

저는 지금 액티브 클래스를 사용하고 있는데 어떻게든 작동합니다. 하지만 여전히 무엇을 해야할지 알고 싶습니다.

Answer 1

Boussadjra Brahim의 답변이 유효합니다.

추가하고 싶은 점: 모든 현재 객체가 true인 이유는 다른 항목을 클릭해도 해당 항목이 다시 false로 변경되지 않기 때문입니다. 따라서 현재 정보를 저장하기 위해 별도의 객체를 사용하고 싶지 않다면 모든 [item].currents를 false로 바꾸는 함수를 호출할 수 있습니다. 그럼 지금처럼 계속하세요.