Vuetify.js和日期選擇器監視未在月份觸發

Question

運行Vue.js和Vuetify.js 。

我正在測試data-picker和watch方法，以便在月變化時觸發事件。 但是，似乎watch只注意到year變化，而不是month 。

HTML

<div id="app">
  <v-app>

    <v-date-picker ref="picker" v-model="date" :picker-date.sync="pickerDate" type="month"></v-date-picker>

  </v-app>
</div>

JS：

new Vue({
  el: "#app",
  data() {
    return {
      pickerDate: null,
      date: null,
    };
  },
  watch: {
    pickerDate(val) {
      console.log(val)
    }
  }
});

此處顯示的Codepen示例： https ://codepen.io/alfredballe84/pen/varGWe?editors = 1111

Answer 1

您應該注意date而不是pickerDate但這會觸發yyyy-mm

  new Vue({
      el: "#app",
      data() {
        return {
          pickerDate: null,
          date: null,
        };
      },
      watch: {
        date(val) {
          console.log(val)
        }
      }
    });

Answer 2

我通過更改v-model="date"解決了您的問題

至：

v-model="pickerDate"