VCalendarで[Vue warn]: Invalid prop: type check failed for prop “modelValue”. Expected Array, got Date
今回はVuetify3でv-calendarを使用しているときに下記のようなエラーが起きたときの対処法についてご紹介いたします。
Nuxt.jsのバージョンは3.11.2で、Vuetifyのバージョンは3.7.1です。
VCalendarで[Vue warn]: Invalid prop: type check failed for prop “modelValue". Expected Array, got Date
私はVuetify2からVuetify3へのバージョンアップ時にこのエラーが起こりましたが、結論を言うとv-calendarについてVuetify2ではv-modelにDate型のオブジェクトを渡しておりましたが、Vuetify3からはDate型の配列のオブジェクトを渡さなければならなくなったことが原因となります。
例えば、
のようにv-calendarを定義していたなら
ではなく
とする必要があります。
覚えておきましょう。
終わりに
今回はVuetify3でv-calendarを使用しているときに冒頭のようなエラーが起きたときの対処法についてご紹介いたしました。
ディスカッション
コメント一覧
まだ、コメントがありません