在 Vue 中使用 Firestore，.where 不返回任何结果 - 但它们存在

Question

我对 Firestore 还是很陌生。我有这个查询，当新消息出现时显示聊天消息和更新。我只希望当前用户（学校）看到他们自己学校的消息。如果我不包含 .where 子句 - 它会显示所有消息，但如果我使用它则什么也不会显示（即使它们存在）

这是指向我的 Firestore 页面图像的链接（因为我无法嵌入它）：

我在 mount 上调用方法：

mounted() {
  //fetches the messages
  this.fetchMessages(this.$route.params.id);
},

那么方法是：

fetchMessages(schoolsIdentification) {
  db.collection('chat')
    .where("user.schoolId", "array-contains", schoolsIdentification)
    .orderBy('date')
    .onSnapshot((querySnapshot) => {
      let allMessages = [];
      querySnapshot.forEach(doc => {
        allMessages.push(doc.data())
      })
      console.log("the all messages array length is:", allMessages.length)
      this.messages = allMessages;
    })
}

我在这里做错了吗？

Answer 1

您的过滤器认为 user.schoolId 是一个数组：

.where("user.schoolId", "array-contains", schoolsIdentification)

但它不是一个数组——它只是一个字符串。如果要过滤可能包含多个不同可能值的字符串字段，则应使用“in”查询，如documentation 所示。

使用in 运算符可将同一字段上的最多 10 个相等 (==) 子句与逻辑 OR 组合在一起。 in 查询返回给定字段与任何比较值匹配的文档。

.where("user.schoolId", "in", schoolsIdentification)