Возвращаемое значение не выводится, хотя оно может быть выведено в console.log. Я использовал [созданный] и [смонтированный] в vue.js. Но значение не определено
Я изучил официальный документ, но вы не можетевернуть много описаний 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?