Vue.jsのComposition APIでemitを使う Vue.jsのComposition APIを使用して、emitを使っている例を書きます。 前回書いた記事と同じコンポーネントを作っていきます。 子コンポーネントの実装例 まずは子コンポーネントです。下記のように実装しました。 <template> <div class="m-5"> <button class="bg-blue-500 hover:bg-blue-400 text-white font-bold py-2 px-4 border-b-4 border-blue-700 hover:border-blue-500 rounded" @click="$emit('eventTest1')" >testButton1</button> <button class="bg-blue-500 hover:bg-blue-
こんにちは、 ゆうやです! 本記事では、「モーダルを簡単に実装できると聞いてやってみたけど、モーダルのコンテンツ外をクリックした時に閉じる方法が分からなくて困っている、、、」 という方に向けてその方法をご紹介します。 筆者はVue.jsを勉強中でまだモーダル実装でしか使用したことがないひよっこですので、なにか間違いがありましたら教えていただけると幸いです(^o^ それでは参りましょう。 index.html<div class="Modal"> <script type="text/x-template" id="modal"> <transition name="modal"> <div class="modal-mask"> <div class="modal-wrapper"> <div class="modal-container"> <div>モーダルの中身</div> <div
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く