はじめに 過去記事でNuxt.js と Firebase の Realtime Database にデータを保存する処理を記載した。 >Nuxt.js でFirebase にデータを保存する ただ複数要素を保存する方法がわからなかった。 厳密にいえば、変動するデータ数の保存の仕方が不明だったので、…

前提 Firebase 側の設定を完了しておくこと。 >Firebase 側の設定について Nuxt.js 側の設定 コード <div class="form"> <input type="text" v-model="hoge"> <button @click="saveContent(hoge)">保存</button> </div> <script> import firebase from "~/plugins/firebase.js"; // △ https://blog-progblog-web.hatenablog.com/entry/2021/01/10/173554 の記事を…

データベース設定の手順 サイドバーの Realtime Database を選択する。 データベースを作成する を選択する。 Realtime Database のロケーション はデフォルト 米国 のまま。 セキュリティルールは ロックモード を選択する。 Realtime Database > ルールを…