はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatena…

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、修正にバリデ…

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、vee-validateを導入して入力フォームのバリ…

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、ついにモーダル表示やりました。 本題 まず vue-js-modal をインストールし…

はじめに こんばんは。 今回も前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 今回は、モーダル表示の前に、カードの追加を実装しました。 本題 index.vue 追加する際のイベントを渡してます。 <template> <div class="bg-blue-100"></div></template>…

はじめに こんにちは。 前回の続きです。 kojirooooocks.hatenablog.com kojirooooocks.hatenablog.com 次は emitあたりを振り返ります。 本題 CardList.vue <template> <div class="flex-1 bg-gray-100 m-2 cursor-pointer"> <p class="text-xl">{{ title }}</p> <Card v-for="(card, k) in cardList" :key="k" :card-title.sync="card.title" /> </div> </template>