如何使用 Vue 和 Firestore 在范围外获取 Promise 返回的值

Question

我发现很难在其他方法中使用 firestore 承诺返回的值，因为我越来越不确定。我尝试以下面的方式使用 async/await，但仍然没有成功。

get_board_details(){         db.collection('members').where('board_id','==',this.$route.params.groupslug).get().then(querySnapshot=>{
                     querySnapshot.forEach( async doc=>{
                       this.owner_id  = await doc.data().owner_id;
                      })
                    })
                  console.log(this.owner_id)
                  },

Answer 1

尝试以下操作，确保您的 this.$route.params.groupslug 事先正确。

get_board_details(){      
 db.collection('members').where('board_id','==',this.$route.params.groupslug).get().then(querySnapshot=>{
                     querySnapshot.forEach( doc=>{
                       this.owner_id  = doc.data().owner_id;
                       console.log(this.owner_id)
                      })
                    })
                  },