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"

Vuetify.js和日期选择器监视未在月份触发

2 个答案: