firebase - 虽然可以在 firestore + vue.js 中的 fconsole.log 中输出返回值，但不输出

Question

虽然可以在console.log中输出，但返回值不输出我在vue.js中使用了[created]和[mounted]但是值是未定义的

我查看了官方文档，但您不能返回许多console.log 描述吗？

-----vue.js
<template>
    <div>
        <h2>{{ this.data }}</h2>
        <router-link to="/inviteform">InviteForm</router-link>
    </div>
</template>



<script>
import Firebase from '@/api/firebase/firebase'
import Firestore from '@/api/firebase/firestore'
export default {
    name: 'InvitePage',
    data(){
      return {
          email: this.$route.params.id,
          data: ""
      }
    },
    computed:{
        inviteData(){
            Firestore.getInviteData(this.$route.params.id)
        }
    },
    mounted() {
        this.data = Firestore.getInviteData(this.$route.params.id)
        console.log("mounted",this)
    },
    created: function(){
        this.data = Firestore.getInviteData(this.$route.params.id)
        console.log("cretated",this.data)
    },
    methods: {
        getInviteData(){
        Firestore.getInviteData(this.$route.params.id)
        }
    }
}



----firestore.js
import firebase from '@firebase/app';
import '@firebase/firestore';
import {store} from '@/store/'
import router from '@/router'
import firebaseConfig from './firebaseConfig'



const firebaseApp = firebase.initializeApp(firebaseConfig, 'exercise-vue')
const firestore = firebaseApp.firestore();
const settings = {timestampsInSnapshots: true};
firestore.settings(settings);



export default {
    getInviteData(uid){
        let array = []
        firestore.collection("invite").doc(uid).get().then(function(doc) {
            if (doc.exists) {
                console.log("Document data:", doc.data())
                array.push(doc.data().date);
                console.log("Document arraydata:", array[0])
                return array[0]
            } else {
              // doc.data() will be undefined in this case
              console.log("No such document!");
            }
        }).catch(function(error) {
            console.log("Error getting document:", error);
        });
}

console.log 工作正常 我查看了官方文档，但你不能返回很多console.log 描述吗？

标签： firebasevue.jsgoogle-cloud-firestore