CATEGORY
Vuetify
Vuetifyに関する記事の一覧です。
11件の記事
ARTICLES
記事一覧
新着順・1〜11件を表示
-
【Vuetify】【v-select】セレクトボックスの実装方法と使い方
Vuetifyのv-selectコンポーネントでセレクトボックスを実装する方法と簡単な使い方について紹介します。使い方は簡単で、セレクトボックスを配置したい箇所にv-selectコ…
-
【Vuetify】ドロワーメニューをサクッと実装する
Vuetifyでドロワーメニューを実装する方法を紹介します。ハンバーガーアイコンによる開閉とオーバーレイの表示を例に、コンポーネントや設定を使ってナビゲーションを組み立てる手順を解…
-
【Vuetify】【v-calendar】カレンダーにイベントを表示する
Vuetifyのカレンダーにイベントを表示する方法を解説します。動作確認も兼ねて、最低限必要な情報を配列に指定し、カレンダーにイベントを表示してみます。Vuetifyのv-cale…
-
【Vuetify】【v-calendar】カレンダーを日本語で表示する
Vuetifyのカレンダーを日本語で表示する方法を解説します。VuetifyのCalendars（v-calendar）でカレンダーを表示してみます。確認のため、オプション等は指定…
-
【Vuetify】ボタンの表示位置（左寄せ・中央・右寄せ）を指定する
Vuetifyでボタンの表示位置（左寄せ・中央・右寄せ）を指定する方法を解説します。表示位置を指定するボタンの親要素にFlexプロパティのjustify-contentを指定します…
-
【Vuetify】max-heightを指定してスクロールバーを表示する
Vuetifyでmax-heightを指定してスクロールバーを表示する方法を解説します。※検証環境ではVuetify.2.4.9を使用しています。リストが指定した高さに設定され、ス…
-
【Vuetify】レスポンシブ対応のテーブルを作成する
Vuetifyでレスポンシブ対応のテーブルを作成する方法を紹介します。記事で扱うテーブルコンポーネントの種類と使い方を確認し、画面幅に合わせた表示を実装するための基本例を解説します…
-
【Vuetify】フォントサイズのクラスの種類と指定方法
Vuetifyでデフォルトで用意されているフォントサイズのクラスと指定方法を解説します。Vuetify（ver2.4.5時点）には全部で13種類のフォントサイズのクラスが用意されて…
-
【Vuetify】text-align: left, center, rightをクラスで指定する
Vuetifyでテキストの配置位置を指定する方法を解説します。Vuetifyには、標準で多くのクラスが用意されています。グリッドシステムに始まり背景やカラー、フォントサイズの変更な…
-
【Vuetify】フォントカラー(color)とdarken・lightenを指定する方法
Vuetifyでフォントカラーとdarkenとlightenで色の明暗を指定する方法を解説します。Vuetifyはマテリアルデザインの仕様に沿ったUIフレームワークです。フォントカ…
-
【Vuetify】画面サイズで要素の表示・非表示を切り替える
Vuetifyで画面サイズによって要素の表示・非表示を切り替える方法を解説します。Vuetifyはマテリアルデザインにおけるブレイクポイントが用意されています。それぞれのブレイクポ…
スポンサーリンク