Как ловить события - это vue. js v-календарь - PullRequest
Новая
       84

Как ловить события - это vue. js v-календарь

1 голос
/ 07 мая 2020

Я использую vuejs v-calender плагин, поэтому у меня есть средство выбора диапазона дат. Все работает нормально, и я могу выбирать даты, но это все. не знаю, как этого добиться. Я не могу найти в документации примеров, как это сделать.

Кто-нибудь знает, как получить дату начала и окончания выбранного диапазона дат?

Вот что у меня есть пока ... 

<template>
  <v-date-picker mode='range' v-model='range' is-inline :columns="$screens({ default: 1, lg: 2 })" />
</template>

<script>

  import { DatePicker } from 'v-calendar'

  export default {
    name: 'Booking',
    components: {
      DatePicker
    },
    data() {
      return {
        range: {
          start: new Date(),
          end: null
        }
      }
    },
    mounted() {
      this.$root.$on('input', (value) => {
        console.log('dxggdfg');
      });
    }
  }

</script>

1 Ответ

1 голос
/ 07 мая 2020

Добавить событие изменения 

 <v-date-picker mode='range' v-model='range' @change="onDateRangeChange" is-inline :columns="$screens({ default: 1, lg: 2 })" />

{
   ...
   methods: {
     onDateRangeChange() {
       console.log(this.range)
     }
   },
   mounted() {
      this.$root.$on('input', (value) => {
        console.log('dxggdfg');
      });
    }
}

В качестве альтернативы вы можете использовать watch

{
   ...
   watch: {
     range: {
        handler: function () {
            console.log(this.range)
        },
        deep: true
     }
   },
   mounted() {
      this.$root.$on('input', (value) => {
        console.log('dxggdfg');
      });
    }
}
...