javascript - Vuexfire bindFirestoreRef 不等待绑定完全解决

Question

绑定到 Firestore 集合时，我遇到了一个奇怪的场景。基本上，我得到了 x 个文件。但我注意到，当 then() 函数中的代码运行时，它不会一次返回所有数据。但是当它检索到所有文档时。所以，我的问题是为什么绑定过早完成？根据 vuexfire 文档：

返回一个 Promise，一旦数据被完全提取并同步到状态中，该 Promise 就会被解决。

我只调用这个函数一次，所以如果文档是正确的，难道不应该在承诺解决之前获取所有 5 个事件吗？

这是我的代码

setFirstUsers: firestoreAction((context,str) => {
  return context.bindFirestoreRef("firstUsers",db.collection("Users").orderBy("name","asc").startAt(`${str}`).endAt(`${str}\uf8ff`).limit(10),
  {serialize:customSerializer}).then((users)=>{
      console.log("First users:",users);
      context.commit("mergeUsers");
      context.commit("setLoadMoreFriendLast");
  });
}),

当承诺解决时，它不会获得所有文件。过了一会儿，得到所有文件。可以通过添加几个 2000 毫秒超时来修复它，但这似乎不是最佳解决方案。

谢谢

标签： javascriptfirebasevue.jsgoogle-cloud-firestorevuexfire

Answer 1

我从未使用过 vuexfire，但我猜你应该使用

异步和等待运算符等待结果。

在这里你可以阅读它。