Cannot read property '$router' of undefined?

Question

I'm trying make so that users can login to page, but is showing me this massage "Cannot read property '$router' of undefined"

My code for login in Vue, it is inside of Export default

import {fb} from "../firebase";
import router from '../router';

export default {
 name: "NavBar",
 components: {...},
 data() {
   return {
    login: false,
    register: false,
    name: null,
    email: null,
    pwd: null,
  };
 },
methods: {
logInner(){
      fb.auth().signInWithEmailAndPassword(this.email, this.pwd)
          .then(function(){
          this.$router.replace('users');
          })
          .catch(function(error) {`enter code here`
              // Handle Errors here.
              var errorCode = error.code;
              var errorMessage = error.message;
              if (errorCode === 'auth/wrong-password') {
                  alert('Wrong password.');
              } else {
                  alert(errorMessage);
              }
              console.log(error);
      });

  },
registering() {
  fb.auth().createUserWithEmailAndPassword(this.email, this.pwd)
    .then((user) =>{
      this.$router.replace('users');
    })
    .catch(function(error) {
      // Handle Errors here.
      var errorCode = error.code;
      var errorMessage = error.message;
      if (errorCode == "auth/weak-password") {
        alert("The password is too weak.");
      } else {
        alert(errorMessage);
      }
      console.log(error);
     });
   }
 }
 };

I've tried router.push even router.go dont help. Is someone can helpme please?

shouldn't be router instead of this.$router ?

Gonzalo.-
– Gonzalo.-

2019-03-22 22:17:03 +00:00
Commented Mar 22, 2019 at 22:17 — Gonzalo.-
– Gonzalo.-, Commented Mar 22, 2019 at 22:17

dagalti · Accepted Answer · 2019-03-22 22:30:42Z

4

this is not available inside fb.auth() function so Try below. for detailed explanation check this answer : https://stackoverflow.com/a/47148828/9489397

logInner(){
let self = this
      fb.auth().signInWithEmailAndPassword(this.email, this.pwd)
          .then(function(){
          self.$router.replace('users');
          })

and

registering() {
let self = this
  fb.auth().createUserWithEmailAndPassword(this.email, this.pwd)
    .then((user) =>{
      self.$router.replace('users');
    })

edited Mar 22, 2019 at 22:30

answered Mar 22, 2019 at 22:17

dagalti

1,9661 gold badge15 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kris D. J. Over a year ago

You could also use an arrow function on the callback, to avoid having to declare the "self" variable

Collectives™ on Stack Overflow

Cannot read property '$router' of undefined?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related