Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

vuetify

Nuxt3とVuetifyを使っているときに Hydration children mismatch in <div>: server rendered element contains fewer child nodes than client vdom. のwarnが出たので解消する

参考にさせていただいたページ https://kubio.dev/nuxt-client-only/ 問題のコード 例えば以下のような感じで v-select を使用すると [Vue warn]: ... と出力されます。 <template> <div class="index-page"> </div></template>

Vuetifyのv-selectの選択肢の見た目と選択済みアイテムの見た目を変更する(v-selectのスタイル変更) | Vuetify 3.x

参考にさせていただいたページ Vuetify公式ページ この記事執筆時点ではVuetify3の公式ドキュメントがまだ不充分だったので、以下のVuetify2の公式ドキュメントを参考にしました。 Selectsコンポーネント: Vuetify — A Material Design Framework for Vue.js…

Nuxt3のプロジェクトにVuetify3をインストールする | Nuxt3 その0006

参考にさせていただいたページ 公式ページ Get started with Vuetify 3 — Vuetify その他のページ How to use Vuetify with Nuxt 3 | Cody Bontecou はじめに 2023年1月4日現在の手順です。 この記事では以下のバージョンを使用しています。 "nuxt": "3.0.0"…

Vuetifyのv-menuが表示されたときや非表示になったときに何か処理をしたい Vuetify 2.x その0001

参考にさせていただいたページ javascript - How disable to select minutes in v-time-picker widget? - Stack Overflow 今日の環境 vue: 2.6.11 vuetify: 2.5.4 @vue/composition-api: v1.0.0-beta.22 はじめに Vue2のcompositon apiなので、Vue3だとまた…