firebase - 如何使用 Firebase 和 Vuejs 获取用户数据

Question

我有一个名为 meetup 的项目，这个项目取自 youtube 教程。一切都按我的预期工作，但是由于这种方法，我遇到了问题。我无法在代码下方显示个人资料用户页面：

文件夹存储/加入/index.js

import * as firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/database'
import 'firebase/storage'

export default {
  actions: {
    fetchUserData ({commit, getters}) {
      commit('setLoading', true)
      firebase.database().ref('/users/' + getters.user.id + '/registerations/').once('value')
        .then(data => {
          const dataPairs = data.val()
          let registeredMeetups = []
          let swappedPairs = {}
          for (let key in dataPairs) {
            registeredMeetups.push(dataPairs[key])
            swappedPairs[dataPairs[key]] = key
          }
          const updatedUser = {
            id: getters.user.id,
            registeredMeetups: registeredMeetups,
            fbKeys: swappedPairs
          }
          commit('setLoading', false)
          commit('setUser', updatedUser)
        })
          .catch(error => {
            console.log(error)
            commit('setLoading', false)
          })
    }
  }
}

当他们登录到我的聚会应用程序（例如 dsplay 电子邮件、displayName 和 photoURL）时，我无法显示特定的用户个人资料。问题是如何做到这一点，对不起，如果我的英语不好。提前致谢

标签： firebasevuejs2