vuetify3小ネタ - 2

datepickerよりVueDatepickerを利用する

参照

• https://vue3datepicker.com/
• document
  • https://vue3datepicker.com/props/modes/
• github
  • https://github.com/Vuepic/vue-datepicker

メリット

• モデルケースが多い
• カスタムが簡単

Vuetify3のstyleをカスタム

参照

• https://stackoverflow.com/questions/71564313/using-scss-variable-overrides-in-vue-3-with-vuetify-3-beta-using-vue-cli
• https://vuetifyjs.com/ja/features/sass-variables/#webpack-3067306e30a430f330b930c830fc30eb

対応

@use "vuetify/styles" with (
  $body-font-family: $body-font-family
);

route変更の監視

対応

const route = useRoute();

watch(
  route,
  (newVal, oldVal) => {
    console.log(newVal.name);
  }
)