Vue에서 조건부 렌더링을 수행하는 방법

Question

저는 작업을 생성하고 목록에 넣어 효율적으로 추적하는 데 사용할 수 있는 앱을 개발 중입니다. 목록과 목록 내에 작업을 만들었습니다.

목록 내 목록에 속한 모든 작업을 렌더링하려고 합니다. 그런데 이에 대한 vue 코드를 작성할 때 문제가 발생합니다. 해당 목록에만 속하는 작업을 렌더링하는 대신 내 코드는 데이터베이스 내의 모든 작업을 생성합니다. 특정 목록에 속하는 작업만 렌더링하는 올바른 방법을 찾는 데 도움을 줄 수 있나요?

DashboardView.vue

으아아아

JSON 형식으로 대시보드의 데이터를 받습니다. 예시 데이터는 다음과 같습니다:

내 코드는 현재 다음과 같습니다:

하지만 백로그에 GO 및 Amaterasu 작업이 포함되기를 원하고 Heisenberg는 GO, New 및 AK 작업 등만 표시해야 합니다. 즉, 목록이 포함된 작업만 렌더링하기를 원합니다. 누군가가 나에게 그것을 올바르게 렌더링하는 방법을 말해 줄 수 있다면 나에게 매우 도움이 될 것입니다.

Answer 1

이 코드에 오류가 나타납니다

으아아아

첫 번째 v-for 루프는 각 항목을 통과합니다(목록 카드를 표시하기 위해 div에서 class="all__lists"와 함께 위의 v-for를 사용하여 이미 이 작업을 수행했습니다). 두 번째 v-for 루프는 각 프로젝트를 통과합니다. 일.

아래 그림과 같이 첫 번째 v-for를 제거하세요

으아아아