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

Question

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

目前在 VueJs 中，我正在获取 .currentUser，然后访问 users 数据库。如屏幕截图所示，我试图在/users/ 数据库中输出与当前用户 UID 匹配的用户名。问题是日志为username输出null

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)
         }
   });
}

once 方法只会调用 node 一次，但 on 每次都会调用。