フロントエンドのフレームワークを新たに使い始めるとき、ちょっとつまづくのがこの「モーダルの実装」じゃないでしょうか。 特に、コンポーネントに切り出してどこからでも関数一つで呼び出せるようにするところまでやるのって、意外とサンプルもなくて手間だったりします。 それをVue.jsで実装する方法をご紹介します。 モーダルのコンテナdivを用意 <template> <div> <div class="wrap-all"> <div class="wrap-all-inner"> <div class="container-contents"> <div class="content wrap"> <router-view></router-view> </div> </div> </div> </div> <div id="modals"> <component v-for="(modal, i
![[ Vue.js ] どこからでも呼び出せるモーダルの実装方法 | nitd Inc.](https://cdn-ak-scissors.b.st-hatena.com/image/square/d353661f29562ecf69b42a0d5274b69998e4f27d/height=288;version=1;width=512/https%3A%2F%2Fnitd.co.jp%2Fwp-content%2Fuploads%2F2018%2F06%2Fnitdlogo3.png)