v-for1 Vue(4) v-for 문으로 라디오 버튼 만들기 하드코딩 된 라디오 버튼들을 v-for 을 사용하여 동적으로 다이나믹 리스트 렌더링을 해보자 HTML 1. for 문을 두 번 사용하였다. 먼저 Question 배열을 돌려 질문을 뿌리고, 그 안에 Values 배열을 돌려서 보기 값을 뿌려 주었다. 2. 결과확인 버튼 을 누르면 @결과 페이지로 가는 메소드 를 만들었다. **전체코드 보기(더보기 클릭) 더보기 소아청소년 비만 검사 총 {{ QUESTIONS.length }} 문항 문항 {{ i + 1 }} {{ question }} {{ item.label }} 진단 결과 확인 data() 1. 첫번째 for 문에 사용될 Question 배열, 두번째 for 문에 사용될 values 배열이 보인다. 2. valueMap 를 만들어서 알파벳값 을 실제 점.. 2021. 5. 12. 이전 1 다음 반응형