[Vue.js] Vue CLI で作ったプロジェクトで Buefy を使ってモーダルを実現する際にハマったこと - Qiita本題の前に Buefy とは Buefy は Vue.js 用の UI コンポーネント。 公式 をみると上記がそのまま書かれている。以下は公式のトップページから拝借したもの。 Lightweight UI components for Vue.js based on Bulma ライセンスは GitHub - buefy から MIT とわかる。 Get Started 公式の Get Started に沿って進めればすぐに利用できる。 本題 公式の Modal サンプルコード実行時にエラーが発生 さて、本題のモーダルについて。 Buefy ではモーダルの実現についても公式ページの Modal にサンプルコードが載っている。 で、以下のサンプルコードをそのまま使ってみたら <template> <section> <button class="button is-primary is-me
![[Vue.js] Vue CLI で作ったプロジェクトで Buefy を使ってモーダルを実現する際にハマったこと - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/4805423d414baa549c563484a4924b65c54bb396/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCVnVlLmpzJTVEJTIwVnVlJTIwQ0xJJTIwJUUzJTgxJUE3JUU0JUJEJTlDJUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgyJUI4JUUzJTgyJUE3JUUzJTgyJUFGJUUzJTgzJTg4JUUzJTgxJUE3JTIwQnVlZnklMjAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlRTMlODMlQTIlRTMlODMlQkMlRTMlODMlODAlRTMlODMlQUIlRTMlODIlOTIlRTUlQUUlOUYlRTclOEYlQkUlRTMlODElOTklRTMlODIlOEIlRTklOUElOUIlRTMlODElQUIlRTMlODMlOEYlRTMlODMlOUUlRTMlODElQTMlRTMlODElOUYlRTMlODElOTMlRTMlODElQTgmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTEyYTFlZTk2MjI5NDAyNGZmODc5ODY5ODRiNjdmZDM2%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBrc2gtZnRociZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NDNjMTJmZTZhODgxMDQ1M2UwNDljMGMxOWJhOTMxOGY%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D9ffaec59ff1c4f0362417d8191764344)
