Vue.jsで動的にモーダルウィンドウを表示する - Qiita

モーダルウィンドウを動的に表示するVue.jsコンポーネントのサンプルです。 ソース：https://github.com/asaokamei/vue2-dynamic-modal モーダルウィンドウのサンプルコードは、例えばVue.jsのオフィシャルサイトにもたくさんあります。ただモーダルの中身が固定されているものが多いです。（例：index.html） 一方、クリックするボタンによりモーダルの中身が変えようとすると面倒になります。（例：tasks.html） 動的なモーダルウィンドウの例 動的なモーダルウィンドウの例です。 クリックするタスクによって、モーダルの中身が違うのがわかると思います。 コードの説明 tasks.jsの中を簡単に説明してみます。このJSでは、メインの$appとmodalコンポーネントがあります。そして、もうひとつ、Hubというイベントハブ用のVueオブジェクトを