[Vue] Aktualizacja stanu

Question

Witam,

 

Problem dotyczy aktualizacji stanu aplikacji poprzez metodę authVerify:

    methods: {
      authVerify() {
        alert('test')
        const currentUser = firebase.auth().currentUser;

        if(currentUser) {
            this.$set(this, 'isLogged', true);
          alert('tak');
        } else {
          alert('nie');
            this.$set(this, 'isLogged', false);
        }
      }
    },
    beforeMount() {
      this.authVerify();
    },
    watch: {
      isLogged() {
        console.log('zmiana')
      }
    }

Zmiana jest widoczna, ale dopiero po odświeżeniu. W jaki sposób robić to w przypadku zmiany stanu (dynamicznie)?

Comments

Korzystasz z vue-router?

---

Tak

Answer 1

https://firebase.google.com/docs/auth/web/manage-users#get_the_currently_signed-in_user

Podepnij tę metodę pod created i dopiero w niej zmieniaj isLogged

---

Nie musisz pisać

this.$set(this, 'isLogged', false);

wystarczy

this.isLogged = false