wannabe-jellyfish https://blog.hatena.ne.jp/wannabe-jellyfish/ くらげになりたい。 https://memory-lovers.blog/ Nuxt.js Vue.js 入力フォームが下からスライドして出てくるUIがいいなと思い、 Buefyでやってみたときの備忘録。 Nuxt/Vueのtransitionを使うとできた(´ω｀) こんな感じ <template> <!-- トランジションで囲む --> <transition name="modal"> <!-- v-ifを使って、transitionが効くようにする --> <div class="modal modal-sheet is-active" v-if="active"> <!-- 背景 --> <div class="modal-background" @click="close"></div… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmemory-lovers.blog%2Fentry%2F2020%2F05%2F27%2F170000" title="Nuxt+Buefyでアクションシートをつくってみる - くらげになりたい。" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/w/wannabe-jellyfish/20200527/20200527132819.gif Hatena Blog https://hatena.blog 2020-05-27 17:00:00 rich https://memory-lovers.blog/entry/2020/05/27/170000 1.0 100%