#10. Vue_v_model

#10. Vue_v_model

728x90

반응형

v-model 사용법

v-model 은 자바스크립트에서 input값의 value를 가져오는 거랑 매우 흡사합니다. 즉 event.target.value라 생각하면 좋습니다. 일반적인 예시로는 아래와 같습니다.

data(){ return { month : 1, } },

우선 초기값을 나타내는 데이터를 보관함을 만듭니다.

{{month}}개월 선택함 : {{ oneroom[clickModal].price * month}} 원 닫기

그다음 위와 같이 @input이나 @onchange 이벤트 헨들러를 사용하면 됩니다. 만약 이걸 축약 하고 싶을 때 v-model을 쓰면 됩니다.

{{month}}개월 선택함 : {{ oneroom[clickModal].price * month}} 원 닫기

728x90

반응형

from http://joy-codeing-lee.tistory.com/156 by ccl(A) rewrite - 2021-12-17 05:28:25