javascript - Vue v-for는 4번째 열인지 확인한 다음 가로선이나 4번째 행을 추가하여 이 <li>를 표시합니다.

Question

으아악

Vue를 처음 사용하는데 오랫동안 검색했지만 문제를 해결할 수 없어 도움을 요청하려고 왔습니다. 선배님들의 조언 부탁드립니다

Answer 1

으아악

1. 그 중 (site, index) in sites代替site in sites，index는 요소를 획득한 순서입니다.

2. v-if。其中对于index值为3（第四项）,7（第八项），11（第十二项）... （4的倍数项），需要显示hr，对于这些值，(index + 1) % 4为0，所以!((index + 1) % 4)为true，显示hr。【这里index按顺序从0开始计数，所以index + 1为表示当前site在sites数组中是第几个，然后(index + 1) % 4는 4에 도달할 때마다 시퀀스 번호를 4로 나눈 나머지가 0]

입니다.

업데이트:
클래스 추가 방법: (클래스 이름이 underline로 가정)

으아악

Answer 2

배움의 즐거움과 세그먼트폴트의 따뜻함을 느끼게 해주셔서 정말 감사드립니다