Я делаю проект в vue фреймворке и использую Firebase в качестве хранилища базы данных. У меня есть страница vue, на которой должны отображаться данные из firebase, но она не отображается, пока сайт не обновится. Это код, который я использую в своем приложении. vue:
db.collection("post").orderBy("posted_at").onSnapshot(snapshot => {
snapshot.docChanges().forEach(change => {
if (change.type === "added") {
const data = change.doc.data()
if (data.email==this.stanje) {
this.datastatus.unshift(change.doc.data())
}
if(data.status=="true"){
this.userdata.unshift(Object.assign({}, data, {
id: change.doc.id
}));
}
}
if (change.type === "modified") {
for (let [i, k] of this.userdata.entries()) {
if (k.id == change.doc.id) {
k.comment = change.doc.data().comment;
k.status=change.doc.data().status;
if(k.status=="solved"){
this.userdata.splice(i, 1)
}
break;
}
}
}
});
});
Данные из пользовательских данных работают нормально, но данные - это то, что отображается только после обновления страницы.