VueJS에서 범위가 있는 배열을 통과하는 방법

10개의 프로젝트를 포함하는 그룹을 상상해 보세요. 그리고 그것을 5개의 프로젝트로 나누어 당신의 디자인 목표에 부합하기를 바랍니다.
내가 야외에서 본 이 문제를 해결하는 몇 가지 흔한 방법은 다음과 같다.
  • 솔루션 하드코딩
  • 2개의 개별 어레이 생성
  • 따라서 VueJS에서 하나의 어레이를 사용할 수 있는 더 간단하고 더 나은 솔루션이 있습니다.
    <p 
        v-for="(item, index) in yourArray.slice(start, end)" 
        :key="index">
    
        {{ item.topic }}
    </p>
    
    이 해결 방안의 가장 좋은 점은 동적 설정 startend 값을 설정할 수 있다는 것입니다. 예를 들어 사용자의 입력을 사용할 수 있습니다.
    도움이 되었으면 좋겠습니다. 건배!

    좋은 웹페이지 즐겨찾기