如何根据if条件判断为Firebase查询动态添加where筛选条件

Firestore 的查询对象是不可变的，所有查询构造方法（包括where()、orderBy()、limit()）都不会修改原查询实例，每次调用都会返回一个携带对应规则的全新查询对象。
你的代码中虽然在if分支里调用了where()等方法，但没有接收方法返回的新查询实例，最终执行onSnapshot绑定监听的还是最开始无任何附加规则的原始查询引用savedTopifyPapers，所以筛选条件根本没有生效，才会返回全部结果。

核心改动是每次调用查询构造方法后，都将返回的新实例重新赋值给查询变量：

const loadPapers = () => {
  // 先构造基础排序、分页规则，赋值给查询变量
  let t = savedTopifyPapers.orderBy('timeStamp').limit(limit.value)
  // 存在筛选参数时，追加where条件，注意必须接收返回的新查询实例
  if (queryParams.value.key && queryParams.value.value) {
    t = t.where(queryParams.value.key.toString(), '==', queryParams.value.value)
  }
  // 用最终构造完成的查询实例绑定实时监听
  t.onSnapshot((snapshot) => {
    const _lastDoc = snapshot.docs[snapshot.docs.length - 1]
    firstVisible.value = snapshot.docs[0]
    if (_lastDoc) {
      lastDoc.value = _lastDoc
    }
    papersData.value = snapshot.docs.map((doc) => {
      const data = doc.data()
      const id = doc.id
      return { id, ...data }
    })
    papersDataLength.value = papersData.value.length
    loadingData.value = false
  })
}

• 如果你的筛选字段不是排序用的timeStamp，首次运行触发Firestore索引报错时，直接按照报错提示创建对应复合索引即可，这是Firestore的强制规则。
• 后续追加startAfter、startAt等分页条件时，同样需要接收方法返回的新查询实例重新赋值，否则规则不会生效。

内容的提问来源于stack exchange，提问作者Robin Singh