如何使用VueJs和Firebase访问用户数据库

Question

我尝试在用户使用Firebase登录后输出当前经过身份验证的用户名。

目前在VueJs中我得到.currentUser然后访问users数据库。如截图所示，我试图输出与/users/数据库中当前用户UID匹配的用户名。问题是username

的日志输出为空

getName: function () {
  var userId = firebase.auth().currentUser.uid;
    return firebase.database().ref('/users/' + userId).once('value').then(function(snapshot) {
  var username = (snapshot.val() && snapshot.val().username);
     console.log(username)
    })
},

Answer 1

getName: function () {
   var userId = firebase.auth().currentUser.uid;
   return firebase.database().ref('/users/' + 
      userId).on('value', function(snapshot) {
         if (snapshot.val()) {
            var obj = snapshot.val();
            var userName = snapshot.val().username;
            console.log('username:', userName)
         }
   });
}

一旦方法只调用一次节点，但每次都会调用。