v-date-picker 취소 버튼 클릭 시 reset하기

Maliethy·2023년 2월 15일
0

vuejs

목록 보기
3/3

사용자가 default로 보여지는 월과 다른 월로 이동했다가 cancel했을 경우 reset 시키기

//template
            <!-- 달력 -->
            <v-date-picker
              v-if="!reset"
              v-model="date"
              class="date-picker"
            >
            </v-date-picker>
            
            

    /**
     * 피커 취소 버튼 핸들러
     */
    handleClickPickerCancel() {
      this.reset = true;
      this.isOpen = false;
      this.date = this.getterBetweenDate;

      // dom update 시 실행
      this.$nextTick(() => {
        this.reset = false;
      });
    },

nexttick
https://vuejs.org/api/general.html#nexttick

reset reference
https://stackoverflow.com/a/63654422/14461707

profile
바꿀 수 있는 것에 주목하자

0개의 댓글