Vuefire 数据未订阅更改

Question

我有几个不同的查询需要从中保留 'live' 数据。当我对查询进行硬编码时，它成功地显示了数据库中发生的所有实时更改。但是当我传递有效载荷时，数据在重新加载之前不会改变。

工作查询：

getOnline: firestoreAction(({ bindFirestoreRef }) => {
      
      return bindFirestoreRef('online', db.collection('units').where('unit.on', '==', true).orderBy('info.timestamp', 'desc').orderBy('unit.status'))

    }),

无效负载查询： 获取数据一次

getFilterSystemId: firestoreAction(({ bindFirestoreRef} , payload) => {
      
      return bindFirestoreRef('filterBySystemId', db.collection('units').where('unit.group', '==', payload.group).orderBy('info.timestamp', 'desc').orderBy('unit.status'))

    }),

我简单地传递了有效载荷：

filterSystemId(grouphex){

    let payload  = {
      group: grouphex.toString(),
    }

    this.getFilterSystemId(payload);

  },

如何传递有效负载并实时更新数据库中发生的任何更改？

Answer 1

最终使用 vuefire 而不是 vuexfire 并像这样动态绑定我的查询。

const vuefire = db.collection('vuefire')

export default {
  components: {},
  data() {
    return {
    //view
    vuefire: [],
    id: 'true',
    user: [],
    code: 'true'
     
    };
  },

  created() {
  },

  // firestore: {
  //   vuefire: db.collection('vuefire')
  // }

  watch: {
    id: {
      // call it upon creation too
      immediate: true,
      handler(id) {
        this.$bind('user', vuefire.where('a', '==', id))
      },
    },

任何时候 'id' 更改数据集 ('user') 都会重新计算并实现我的目标

Vuefire 数据未订阅更改

Vuefire data not subscribing to changes

javascript

firebase

vuejs2

vuefire

google-cloud-firestore