워쳐 관련한 질문입니다.

[김영욱]

먼저, 많은 질문 드렸는데 답변 주셔서 감사합니다. 아래가 본문입니다.

 

watch: {
  month(v, before) {
    if(isNaN(v) || v.includes('.')) {
      alert('숫자만 입력 가능합니다.');
      this.month = before;
    } else if(v >= 13 || v <= 0) {
      alert('1~12사이의 숫자만 입력 가능합니다.')
      this.month = before;
    }
  }
},

 

강의에 나온 v-model 또는 @input 을 활용할 때

위 코드와 같이 워쳐를 작성했습니다.

.을 입력했을 때 정상타이핑 되는것을 막고자 || v.includes('.') 메소드를 if문에 추가한 상태인데요,

문제는 저렇게 했을 때 최초 1회 동작 후 바인딩 되어있던 이벤트들이 전부다 풀려버립니다.

닫기버튼, 숫자감지 모든게 다 풀려버리는데 원인이 있을까요?

[codingapple]

watch 안에는 별문제없어보이는데 다른곳 오타아니면 2버전 문제 아닐까요 

 

 

[김영욱]

인클루드를 빼면 정상작동 됩니다!

그리고 3버전으로 다시 설치했는데 이러네요 ㅠㅠ

[김영욱]

원인 찾았습니다!

v라는 변수에 11같이 숫자가 들어오는경우에 includes 함수가 제대로 실행되지 않으면서 바인딩된것들이 다 뻑나는 문제였습니다.

 

답변 감사합니다 ㅎㅎ

[글쓴이]

글