[Vue.js] v-model, v-on:submit, 랜덤숫자생성, event.preventDefault()
2021. 8. 20. 14:58
Vue.js
코드 더하기 문제 맞추기 예시를 통해 v-model, v-on:submit, 랜덤숫자생성, event.preventDefault()에 대해 정리 {{num1}} + {{num2}} = ? 입력 {{result}} 코드 설명 Math.ceil(Math.random()*10) 을 통해 1~10사이의 랜덤 숫자 생성 input 태그에서 v-model을 사용함으로써 input과 연결 button의 type을 submit으로 지정해줌으로써 이 버튼이 폼 데이터를 제출하는 버튼이라는 것을 지정 버튼이 클릭되면 v-on:submit이 실행되어서, SubmitForm 메소드 실행 입력값이 두 랜덤숫자들의 합과 같으면 result를 "정답"으로 설정하고 다음문제 출제 다르면 result를 "오답"으로 설정 이 때, ev..