Vuetify.js 和日期选择器手表不会在月份触发答案

【问题标题】：Vuetify.js and date-picker watch doesn't trigger on monthVuetify.js 和日期选择器手表不会在月份触发
【发布时间】：2019-01-11 07:22:58
【问题描述】：

正在运行 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

【问题讨论】：

标签： javascript vue.js vuetify.js

【解决方案1】：

你应该看date而不是pickerDate，但它会触发yyyy-mm

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

【讨论】：

这个答案是错误的，至少对于当前的 Vuetify。 v-date-picker 的 v-model 会在用户选择日期时发生变化，而 picker-date 会在用户在选择器中浏览到不同月份时发生变化。

【解决方案2】：

我通过更改v-model="date" 解决了您的问题

到：

v-model="pickerDate"

【讨论】：