エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
v-cardをクリックしたらv-dialogが開くサンプル - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
v-cardをクリックしたらv-dialogが開くサンプル - Qiita
Vuetifyの公式サイトには、v-btnをクリックしてv-dialogを開くサンプルが掲載されています。1 ここでは... Vuetifyの公式サイトには、v-btnをクリックしてv-dialogを開くサンプルが掲載されています。1 ここでは、v-cardをクリックしたときにv-dialogを開くサンプルを作成してみました。 長い文章を小さめのカードで表示するとき、v-cardでは省略形で表示しておき、そこをクリックしたら全文がv-dialogで表示されるようになっています。 CodePenで動くサンプルを作ってみました。 なお、元は単一ファイルコンポーネントとして「CardTest」を定義し、それをApp.vueで複数並べる使い方をしていました。 しかし、CodePenではそのままだとうまく動きませんので、propsで定義していたtitleとcontentをdata()に移動させてあります。 See the Pen Vuetify Sample - click card, open dialog by sho