この記事は、Vue2.x 版です。Vue3.x での内容をご覧になりたい方は、「Vue3 & Vuetify3でバリデーション付きのフォームを作ってみる」の記事をご覧ください。 VueとVuetifyを組み合わせて、下図キャプチャのようなバリデーション付きのフォームを作ってみます。Vueの基本事項は知っている前提です。だいぶ回りくどい記事になっています。 バージョン Vue 2.6.10 Vuetify 2.1.1 STEP0: ベース デモ 表示されない場合はこちら→ Vue & Vuetifyでのバリデーション付きフォーム STEP:0 解説 以下のコードをベースにします。 <div id="app"> <v-app> <v-card> <v-card-title>STEP:0 フォーム</v-card-title> <v-card-text> <v-text-field v-mode