如何从vuex获取内容

Question

我克隆了这个用 VueJs + AdminLTE project into my local, so far everything works ... but I am currently struggling to find out how to get the stored state from vuex specially from 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)

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

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

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

获取相应的用户信息

   `this.$store.state.user`

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

如何从vuex获取内容

How to get content from vuex

vuex

vuejs2