[Vue.js] v-for(index), 배열
2021. 8. 22. 16:21
Vue.js
학생들의 이름, 점수를 입력받고 출력해주는 예시를 통해 v-for, 배열 개념 정리 v-for, 배열 사용 예제 입력 {{i}} HTML의 li 태그에 v-for을 사용 inputlist의 객체들을 i로 받아오고 i를 출력해주는 방식 Script 부분에서는 form 제출시, inputlist라는 배열에 입력값인 input을 넣어줌 v-for의 index 사용하기 객체를 받아올 때, 몇번째 객체인지 알고싶으면 index 사용 {{index}}번째 숫자 = {{i}} 배열에 객체 넣기 다음과 같은 방법으로 배열에 객체를 삽입할 수 있음 this.inputlist.push({ name: this.name, score: this.name2, }); 학생들의 이름, 점수를 입력받아 출력해주는 예제 이름입력 : 점..