エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vue.js 汎用的な確認メッセージをモーダルダイアログで定義する
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vue.js 汎用的な確認メッセージをモーダルダイアログで定義する
Vue.jsで汎用的な確認メッセージ(confirm)をモーダルダイアログで定義してプログラムから呼び出す方法... Vue.jsで汎用的な確認メッセージ(confirm)をモーダルダイアログで定義してプログラムから呼び出す方法を紹介します。 以下のソースではVuetifyを使用していますが、CSSフレームワークにかかわらず考え方は同じです。 Vue.js モーダルダイアログをプログラムから呼び出すで紹介した方法をもとに定義します。 コンポーネントの作成まずはコンポーネントを作成します。 Vue.js モーダルダイアログをプログラムから呼び出すで定義したミックスインを使用しています。 メッセージはプロパティで受け取るようにしています。 また、OKとキャンセルのボタンを押したときのアクションをプロパティで定義するのがポイントです。 Confirm.vue<template> <v-dialog v-model="show" :max-width="400"> <v-card> <v-card-title c