Vue JS에서 특정 조건이 충족되면 특정 배열 항목의 번호를 매기는 방법은 무엇입니까?

Question

내 vue 상태에 다음과 같은 객체 배열이 있다고 가정해 보겠습니다.

으아아아

내 페이지에는 이 이름들이 모두 목록에 표시됩니다. 웹페이지에 표시하고 싶은 내용은 다음과 같습니다.

• 다니엘
• 로즈 - 기본 1
• 레이첼
• 기쁨
• 모니카 - 기본 2
• 군터 - 기본 3

위의 예를 보면 제가 달성하고자 하는 바가 매우 분명하다고 생각합니다. vue에서 이것을 달성하는 가장 쉬운 방법은 무엇입니까?

Answer 1

compulated 속성을 사용해 보세요. 아래 코드 조각을 확인하세요

으아아아 으아아아

Answer 2

Array.map을 사용하여 모든 배열 요소를 반복하고 원하는 결과를 생성할 수 있습니다

으아악