如何从 vuex 中获取内容

Question

我将这个用VueJs + AdminLTE 项目制作的简单管理仪表板克隆到我的本地，到目前为止一切正常......但我目前正在努力找出如何从 vuex 获取存储状态，特别是从我修改过的this line of code到：

// if user loggedin
if(response.data && response.status == 200){
  this.$store.commit("USERNAME", data.username)
  this.$store.commit("TEL", data.tel)
  this.$store.commit('EMAIL', data.email)

  this.$router.push({ path: '/' })
}

一旦页面被重定向，我试图获取用户名、电话、电子邮件，但它不存在。

我做了console.log(this.$store) 我看到了很多内容，但没有看到用户信息

Answer 1

this.$store.commit("USERNAME", data.username)

以上代码不会将用户名设置为商店。您需要在您的提交中调用相应的突变。例如

this.$store.commit("SET_USER", data);

它将相应的用户数据设置为商店中的“用户”状态。 现在您可以使用

获取相应的用户信息

   `this.$store.state.user`

上述调用将包含所有用户信息，如电子邮件、电话、用户名等