코딩애플(1)

<input v-model.number="month">
<p>{{month}}개월 : {{oneroom_data[index].price * month}}원</p>

 

이렇게 input태그에 넣는걸 p태그에 똑같이 적어주는데

숫자가 아닌 문자열을 적었을때 오류를 띄우고싶음

 

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

script의 data안에 이렇게 month의 초기 데이터값을 1로 줘놓고

 

그 밑에

month 값이 바뀔 때마다 감시하기 위한 watch를 만들어줌

watch: { 감시할데이터(){} }

 

vue.js 전용 form validation 라이브러리 사용하면 watcher 안써도 됌

 

 

 

month라는 data를 감시하고싶다면 watch안에 month라는 함수를 만들면되고,

그 month라는 데이터가 변화할때마다 month라는 함수가 실행이 됌

watch:{
  month(a){
  // "사용자가 month를 글자로 입력하면 경고문 띄우기" 라는 함수 띄우기
    if(isNaN(a) == true){
      alert('숫자만입력하세용');
      this.month = 1;
    }
  }
},

month()의 괄호 안에 파라미터를 추가해준다.  자유롭게 작명가능

month의 입력값이 바뀔때마다 결과 데이터를 파라미터안에 넣어주게 됌

 


파라미터는 2개까지 가능,

예를들어 (a,b)라면

왼쪽의 a는 변경 후 데이터, 오른쪽의 b는 변경 전 데이터

 

 


더보기

(구구절절)

 

코딩애플님이 숙제내주신거 열시미 구글링해서 혼자풀어따ㅠ

다 풀고 답지봤을때 답이랑 똑같이 푼거보고 희열느껴짐

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

근데 답지에 1aaaa같은거 쓰면 alert안띄워지는거에 대한 답도 있을줄알았는데

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

ㅎ..더 구글링 해봐야겠다 ^^

 

 

+

 

사실 중간에 구글링 포기하고 답지 보려고 딱 스크롤 내렸는데

 

ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

ㅎㅎㅎ.....하하하핳ㅎ

정말 너무 재밌으셔 ~ㅋㅋ

 

바로 닫고 다시 구글링 하러가서...결국 혼자 품..

정말. 좋은. 선생님이시다..!!ㅎㅎ

 

 

 

1