前提・実現したいこと
Vue.js + Firestoreでチャットアプリの勉強をしています。
Firestoreはコレクションに「posts」と「user」を保持しています。
authorを参照型にすることでusersの値と連動できると説明があり試したのですが、JSONエラーが表示され上手くいきません。
Firestoreでのデータ構造では、こういった場合、サブコレクションや、authorを配列にして直接値を持たせるといったケースもあるようですが、ここではuserの値を変更した際に連動させたいと思っています。
発生している問題・エラーメッセージ
TypeError: Converting circular structure to JSON
Vue.jsでのFirestoreデータ取得部分
mounted () { db.collection('posts').get().then(snapshot => { const array = []; snapshot.forEach(doc => { array.push(doc.data()); }); this.lists = array }); },
V-forでの表示部分
<li v-for="(list, index) in lists">{{ list.author }}{{ list.content }}</li>
試したこと
list.contentの値は表示されてます。
JSON.stringifyなど調べたのですが、上手くいきませんでした。
求める仕様はユーザー名を変更した際に過去の投稿でも名前が変更される事なので、この実装方法にはこだわっていません。
どうぞ、よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/30 19:19
2019/05/01 00:30 編集
2019/05/01 02:05
2019/05/01 09:28