Firebase Vue Vuefire UID不及时可用
我试图让vuefire/vue/firebase在有身份验证和独立用户的情况下工作。当我手动传递UID时,我可以让它工作Firebase Vue Vuefire UID不及时可用,firebase,vue.js,firebase-authentication,vuefire,Firebase,Vue.js,Firebase Authentication,Vuefire,我试图让vuefire/vue/firebase在有身份验证和独立用户的情况下工作。当我手动传递UID时,我可以让它工作 let booksRef = db.ref('Users/' + 'SOhUKhcWzVRZmqe3AfcWMRwQR4r2' + '/Books'); 但是,当我尝试将硬编码的uid替换为来自Firebase的uid时,我得到一个空结果。。。在呼叫时,它基本上还没有准备好,即使用户已登录…: beforeCreate: function() { var context
let booksRef = db.ref('Users/' + 'SOhUKhcWzVRZmqe3AfcWMRwQR4r2' + '/Books');
但是,当我尝试将硬编码的uid替换为来自Firebase的uid时,我得到一个空结果。。。在呼叫时,它基本上还没有准备好,即使用户已登录…:
beforeCreate: function() {
var context = this;
Firebase.auth().onAuthStateChanged(function(user) {
if (user) {
currentUser = user;
context.currentUserId = user.uid;
context.currentUserEmail = user.email;
context.signedIn = true;
}
else {
context.currentUserId = null;
context.currentUserEmail = null; }
});
如何确保在创建数据集的路径之前先获取UID
谢谢 我在GitHub示例的帮助下解决了这个问题 我在下面提供GitHub链接。但是,简而言之,在使用auth和UID时,您必须做一些不同的事情。。。Vuefire没有很好的文档记录。在创建之前,您需要使用VueJS生命周期方法,以及特殊的Vuefire绑定$BindaArray 下面是一个代码片段,显示了该用法:
new Vue({
el: '#app',
beforeCreate: function() {
// Setup Firebase onAuthStateChanged handler
//
// https://firebase.google.com/docs/reference/js/firebase.auth.Auth
// https://firebase.google.com/docs/reference/js/firebase.auth.Auth#onAuthStateChanged
firebase.auth().onAuthStateChanged(function(user) {
if (user) {
this.user = user
// https://github.com/vuejs/vuefire/blob/master/src/vuefire.js#L169
this.$bindAsArray('messages', db.ref('messages/' + user.uid))
} else {
// https://firebase.google.com/docs/reference/js/firebase.auth.Auth#signInAnonymously
firebase.auth().signInAnonymously().catch(console.error)
}
}.bind(this))
},
// Initialize reactive props, bind later when user is available
data: {
user: {},
messages: []
},