• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Vue 게시판 vue 라이프사이클 질문입니다.

vue 라이프사이클 질문입니다.

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #73401

    김성빈
    참가자
    Modal.vue
    
    <template>
    
    <input @input="month_check">
    <p> {{ month }}개월 선택함 : {{oneroom[userNum].price * month}}원</p>
    
    </template>
    
    data() {
            return {
                month: "",
            }
      },
    methods: {
            month_check(event) {
                this.month = event.target.value;
            }
        },
    beforeUpdate() {
            if(this.month <= 2) {
                alert('2개월은 너무 적음.. 안 팝니다');
                this.month == 3;
            } 
        }
    
    
    이렇게 코드를 짰을때
    제목을 눌러 모달창을 띄우기 전에도 alert이 뜨고
    닫기를 눌러도 alert이 뜨네요.. 
    그리고 month는 조건에 맞게 했는데 3으로 변경되지 않습니다..!
    해결 방법이 있을까요?
    #73424

    codingapple
    키 마스터
    this.month = 3 해야할듯요 
    month가 0이나 공백일 땐 실행하지말라고 if같은거 씁시다
    #73463

    김성빈
    참가자
    beforeUpdate() {
            if ( this.month == 0 || (this.month = "")){
                return;
            }
            else if (this.month <= 2){
                alert('2개월은 너무 적음.. 안팝니다')
            }
        }
    이렇게 코드를 작성했을때 input에 2 이상인 수를 입력해도 alert이 뜰 뿐더러
    <p> {{ month }}개월 선택함 : {{oneroom[userNum].price * month}}원</p>
    month에 제가 입력한 값이 들어가지않고 공백으로 뜹니다...
    
    
    #73493

    codingapple
    키 마스터
    update안에 써보거나 watch로 month감시하는게 더 쉬울듯요
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠