vue 에서 n개 리스트를 한줄에 두깨씩 끊어서 보여주고 싶은데요.

Question

안녕하세요.제목 그대로 vue 에서 n개 리스트를 한줄에 두깨씩 끊어서 보여주고 싶은데요.jsp 에서는 쉽게 구현가능했는데.. vue 에서 v-for 할때jsp 처럼 <% 변수선언 %> 해서 루프안에서 제어가 가능했는데.. vue 도 가능한가요?문법을 몰라서요.&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;리스트가 5개 있다면 아래 표현 예시 (앞 숫자는 무시)&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;&#61;1 이름: 강감찬 이름: 이순신2 이름: 오징어 이름: 장보고3 이름: 임꺽정혹시 요런문제 해결해보신분 계시면 도움말 부탁드릴게요. 루프시 i%2 &#61; 0 조건줘서 짝수 홀수구분하고변수활용하고 해서 jsp 에서는 쉽게 되는데. vue 입문이라문법이 어렵네요..^^;;

지나가는 개발자2 · Answer

스크립트에서 데이트를 가공한 후 사용하면 되지 않을까요?

JethroHolic · Answer

computed로 기존 데이터를 2개씩 묶은 배열 만들고 그걸 v-for 하셔도 원하시는 결과는 나올꺼에요..

yeori · Answer

css로 해결합니다.

뎅이 · Answer

당연히 CSS 레이아웃으로 두개씩 나열되게 디자인 하고VueJS에서는 v-for 만 처리하면 되죠.

vue 에서 n개 리스트를 한줄에 두깨씩 끊어서 보여주고 싶은데요.

4개의 답변

Q&A 목록