Как написать метод события изменения в vue-month-picker

Question

Я использую vue-Month-Picker для рендеринга DatePicker. Как я могу написать метод, который выполняется всякий раз, когда я меняю месяц?

Это мой код

<vuemonthlypicker
    v-model="selectedMonth"
    :monthLabels=monthLabels
>
</vuemonthlypicker>

Answer 1

если документация что-то есть, я думаю,

<vuemonthlypicker
    v-model="selectedMonth"
    :monthLabels=monthLabels
    @selected="onSelected"
>
</vuemonthlypicker>

где onSelected - это функция, определенная в ваших методах.

Answer 2

У вас есть три варианта. Самый простой вариант с этой библиотекой - использовать событие, описанное в документации. Поместив v-on:selected или @selected в ваш компонент, вы вызываете функцию с экземпляром moment .

<vuemonthlypicker
  v-model="selectedMonth"
  :monthLabels="monthLabels"
  @selected="handleSelected"
/>

Второй вариант - помнить, что v-model на самом деле является синтаксическим сахаром для :value="variable" @input="(value) => variable = value". Вы можете использовать это, определив свою собственную функцию для события @input, даже если она не так чиста.

<vuemonthlypicker
  :value="selectedMonth2"
  @input="changeSelectedMonth2"
  :monthLabels="monthLabels"
/>

Третий вариант - определение наблюдателя для переменной, которая изменяется с помощью v-model. Это несколько понятнее при определении функции, которая имеет побочные эффекты.

<vuemonthlypicker
  v-model="selectedMonth"
  :monthLabels="monthLabels"
/>

с:

watch: {
  selectedMonth(x) {
    console.log("from watcher", x);
  }
}