Vue의 데이터를 기반으로 아이콘 수를 늘리는 방법

Question

API 요청을 보냈는데 참가자 수가 다릅니다(1~5명). 이 숫자에 따라 해당 개수의 아이콘이 모달 상자에 표시되어야 합니다. 참가자가 3명인 경우 모달에는 3개의 사용자 아이콘이 있어야 합니다. React에서 수행하는 방법을 알고 있지만 Vue3을 배우기 시작했고 수행하는 방법을 모릅니다.

으아악

React에서는 이렇게 작성하겠습니다. 하지만 Vue에서 어떻게 다시 작성하나요? 명확히 합시다. 어디에 배치해야 할까요?

으아악

Answer 1

@tho-masn의 도움 덕분에 계산된 속성을 이해하고 다시 작성할 수 있었습니다

으아아아

Answer 2

먼저 참가자 수를 반환하는 계산된 속성(루프의 카운터 x)을 만들어야 합니다.

그런 다음 계산된 속성을 사용하여 루프를 x번 실행합니다.

이것이 당신이 이루고 싶은 것인가요?

으아악