Nativescript Vue/Vuex/Firebase-完成方法中的所有操作需要再次单击/点击

我正在使用Nativescript Vue、Vuex和Firebase。要在应用程序中登录并重定向到我的主页，需要单击两次登录按钮。第一次单击会导致用户登录Firebase（由console.log确认），但直到我第二次单击login按钮，用户才会被重定向

我的Vuex存储中有身份验证逻辑：

signInAction({ commit }, payload) {
        firebase
            .auth()
            .signInWithEmailAndPassword(payload.email, payload.password)
            .then(user => {
                commit("setUser", user)
            })
            .catch(error => {
                commit("setError", error.message);
            });
},
authAction({ commit }) {
    firebase
        .auth().onAuthStateChanged(user => {
            if (user) {
                commit("setUser", user);
            } else {
                commit("setUser", null);
            }
        });
}

在我的登录页面中，

import{mapActions}来自“vuex”

在以下方法中触发登录：

methods: {
    ...mapActions(["signInAction"]),
    login() {
        this.signInAction({ email: this.email, password: this.password })
        .then(() => {
            this.$navigateTo(
                Home, 
                { clearHistory: true }, 
                {transition: { name:'fade', duration: 200}
            });
        })
    },