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"