Javascript Vue应用程序未显示Vuex中的数据

我有一个Vue.js应用程序，它使用Vue路由器和Vuex。在一个页面上，用户更新了他们的电子邮件地址，我希望他们重新登录，因此我首先通过注销清除内容，然后将消息输入Vuex，然后将他们推送到登录页面/视图

如果我使用Vue Chrome插件，我会看到状态以正确的顺序更新，并且有正确的数据，即没有用户数据，但我的消息存在

第一页更新电子邮件来源

这是我确认电子邮件更新成功后api调用的响应

this.$store.dispatch('logout')
this.$store.commit('loginInfo', 'Email updated, please login again.')
return this.$router.push('/login')

存储/状态文件

// Template
<div v-if="infoMessage" class="alert alert-info">
    {{ infoMessage }}
</div>

// Script
computed: {
    infoMessage() {
        return this.$store.getters.loginInfo
    }
}

请原谅没有完整的文件，但这里不需要，只需要下面的文件

// state
error: {
      registerErrorMessage: '',
      loginErrorMessage: '',
      loginInfoMessage: '',
      resetError: ''
},

// mutations
loginInfo(state, message) {
      state.error.loginInfoMessage = message
},

Login.vue

// Template
<div v-if="infoMessage" class="alert alert-info">
    {{ infoMessage }}
</div>

// Script
computed: {
    infoMessage() {
        return this.$store.getters.loginInfo
    }
}

//模板
{{infoMessage}}
//剧本
计算：{
infoMessage（）{
返回此。$store.getters.loginInfo
}
}

---

当前发生的情况是，它注销用户，将消息添加到Vuex，并将其推送到登录视图，而不在顶部显示消息。您说，

loginInfo

是一种变异。在组件的底部，您正在调用getter。你真的为

loginInfo

创建了一个getter吗？@Arc很好，可能就是这样，我很快就会尝试一下