皆さんVuetify使ってますか? 便利な上にかっこいいUIが作れるので最近私はハマっています。 今日はそんなVuetifyの<v-dialog>に焦点を当てていきたいと思います。 v-dialogは長い <v-dialog>を使ったことがある人ならご存知だと思いますが、これを実装しようとするとコードがかなり長くなります。 以下公式のドキュメントからの抜粋です。 <template> <v-row justify="center"> <v-btn color="primary" dark @click.stop="dialog = true" > Open Dialog </v-btn> <v-dialog v-model="dialog" max-width="290" > <v-card> <v-card-title class="headline">Use Google's loca
スロットとは スロット(slot)は、Vue.jsにおける親コンポーネントから子コンポーネントにデータを渡す手段の一つです。 スロットという名前はハーデスやリゼロなど様々な機種がある遊技マシン...のことではなく「差し込み口」という意味で使われています。 つまり、コンポーネントに外からコンテンツの差し込みを受け付けるという目的で使用されます。 スロットはその性質上、再利用の高いコンポーネントによく使用されます。再利用の高いコンポーネントは、Atomic DesignにおけるAtomのようなものが代表されます。 まずはさっそくスロットの基礎的な使い方を見ていきましょう。 スロットコンテンツ スロットを使用コンポーネントとして、汎用的に利用する削除ボタンを実装します。 コンポーネントの内容は、Vuetifyのv-buttonをラップしただけ簡単なものです。 <template> <v-btn
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く