获取 Firebase doc.data 未定义

Question

我正在尝试从我的 firebase 集合中获取数据。当我安慰。 doc.data().name 它正在返回名称，但是当我尝试将 doc.data().name 分配给变量时，它向我显示未定义的错误。我正在使用 Vuex 和 firebase。

created() {
    firebase.auth().onAuthStateChanged(function(user) {
      if (user) {
        console.log(user.uid);
        firebase.firestore().collection("profiles").doc(user.uid)
          .get()
          .then(function(doc) {
            console.log("Document data:", doc.data().name);  // Getting value from firebase
            this.profile.name = doc.data().name;   // Getting Undefined Here
          })
          .catch(function(error) {
            console.log("Error getting document:", error);
          });
      } else {

      }
    });
  }


data() {
    return {
        profile: {
            name: null
        }
    };
  },

Answer 1

改变这个：

          .then(function(doc) {
            console.log("Document data:", doc.data().name);  // Getting value from firebase
            this.profile.name = doc.data().name;   // Getting Undefined Here
          })

进入这个：

          .then((doc) => {
            console.log("Document data:", doc.data().name);  // Getting value from firebase
            this.profile.name = doc.data().name;   // Getting Undefined Here
          })

使用箭头函数，来自文档：

箭头函数没有自己的 this。使用封闭词法范围的 this 值；箭头函数遵循正常的变量查找规则。因此，在搜索当前范围内不存在的 this 时，箭头函数最终会从其封闭范围中找到 this