1

Quiero actualizar unos datos que recibo en una de las funciones de method pero me está siendo imposible averiguar que me falla

var app = new Vue({
        el: '#app',
        data: {
            user: {
                name: 'Nombre',
                email: 'Emilio',
                img: 'url de la imagen'
            },
            name: 'Marco',
            usuario: null,

        },
        created: function () {
            this.initFirebase(),
            this.auth()

        },
        methods: {
            initFirebase: function () {
                // Your web app's Firebase configuration
                var firebaseConfig = {
                      xxxxxxxx
                };
                // Initialize Firebase
                firebase.initializeApp(firebaseConfig);
            },
            auth: function () {
                firebase.auth().onAuthStateChanged(function (userData) {
                    console.log(userData);
                    this.name = userData.displayName;

                    }

                });
            }
        },
    })

En la consola imprimo userData y me sale todo bien, no me sale ningún fallo. No se si es problema de declarar antes unas cosas que otras. Cualquier ayuda buena es

0

1 respuesta 1

2

Cuando utilizas una function el this cambia, te presento dos tipos de soluciones pero te recomiendo la primera

  1. Utilizar arrow functions
firebase.auth().onAuthStateChanged((userData) => {
    console.log(userData);
    this.name = userData.displayName;
}
  1. Declarar this en otra variable
let self = this;
firebase.auth().onAuthStateChanged(function (userData) {
    console.log(userData);
    self.name = userData.displayName;
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.