如何从vuex获取内容

时间:2017-09-06 08:36:20

标签: vuejs2 vuex

我将这个用VueJs + AdminLTE项目制作的简单管理仪表板克隆到我的本地,到目前为止一切正常......但我目前正在努力寻找如何从{{3}专门从vuex中获取存储状态我修改为:

// 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)我看到了很多内容,但没有看到用户信息

1 个答案:

答案 0 :(得分:2)

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

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

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

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

获取相应的用户信息
   `this.$store.state.user`

以上电话将包含电子邮件,电话,用户名等所有用户信息