[Vue.js]Vuetify で汎用的なモーダル、ダイアログを表示する方法[v-dialog]

Vuetify関連の記事_v-dialogについて

Vuetify で汎用的なモーダル、ダイアログを設置してみる

VuetifyのUIコンポーネントを実際に試してみるシリーズの記事、5回目です。
今回は、お手軽にダイアログ(もしくは、用途によってはモーダルウインドウと呼ばれるもの)を実装できる
v-dialog について、書いていきます。
どんなものを表示してみるかと言うと、まずは次の動画をご覧ください。

↑こんな感じの、タイトルエリアと本文エリアを持つ、ダイアログをつくる方法についての記事になります。
それでは次のページより、「Vuetify で汎用的なモーダル、ダイアログを表示する方法」の詳細なコードおよび、各種の解説をおこなっていきます。ぜひご覧ください!

この記事:[Vue.js]Vuetify で汎用的なモーダル、ダイアログを表示する方法[v-dialog] を書いた人

投稿日: カテゴリー Vue.js関連
tedate.jp を運営しています。都内在住。 Webデザイナー/グラフィックデザイナーになって、通算15年程になります。 皆さまがWeb制作をもっと楽しめるような、良い情報を発信できるように。日々記事を書いています。 Webデザイナーとしての修行時代(受託のWebデザイナー時代)のエピソードを含む、私の「人となり」がある程度わかる記事はこちらにございます。