Vue.jsとfirebaseを使用してチャット機能のあるアプリを製作しようとしております。
App.vue読み込み時に「全てのトークルームのデータ」と「自分のトークルームのデータ」をVuexに保存したいのですが後者がうまくいきません。
firebaseのtalkroomsコレクションの中にはユーザーごとのトークルームのドキュメントが入っております。(AさんとBさんのトークルーム、BさんとCさんのトークルームなど)
ドキュメントの内容は以下のようになっております。
{ chat:[{date:2019/03/01, message: 'こんにちは' ,person: A},
{date:2019/03/02, message: 'Bです。' ,person: B},
{date:2019/03/03, message: 'Aです。' ,person: A}],
member: ['AさんのID', 'BさんのID']
}
以下のコードでどこに問題がありますでしょうか??
<script> export default{ data(){ return{ allTalkrooms: [], myTalkrooms: [], currentUserUid: '', } } created(){ let self = this; if(firebase.auth().currentUser){ this.currentUserUid = firebase.auth().currentUser.uid; //ログイン中ユーザのUIDを取得 //全てのトークルームを取得 db.collection('talkrooms').onSnapshot(res => { const changes = res.docChanges() changes.forEach(change => { if(change.type === 'added'){ this.allTalkrooms.push({ ...change.doc.data(), }); } }); }); this.$store.commit('setAllTalkroom', this.allTalkrooms); // //自分のトークルームを取得 this.myTalkrooms = this.allTalkrooms.filter(function(room){ return room.member.indexOf(self.currentUserUid) >= 0; }); this.$store.commit('setMyTalkrooms', this.myTalkrooms); } } } </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/05/23 16:00