Vue -firebase db collection не будет показывать данные до обновления - PullRequest
0 голосов
/ 20 января 2020

Я делаю проект в 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;
                }
              }
      }
        });
    }); 

Данные из пользовательских данных работают нормально, но данные - это то, что отображается только после обновления страницы.

...