2017-09-06 73 views
0

我克隆了這個簡單的管理儀表板到VueJs + AdminLTE項目到我的本地,到目前爲止一切正常......但我目前正在努力找出如何從特別從vuex獲得存儲狀態我修改爲:如何從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
this.$store.commit("USERNAME", data.username) 

上面的代碼不會對用戶名設置到店。你需要在你的提交中調用相應的變異。例如

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

將相應的用戶數據設置爲在商店中的「用戶」狀態。 現在你可以使用

`this.$store.state.user` 

以上的通話將包含諸如電子郵件,電話,用戶名等所有用戶信息

+0

只有一個問題,爲什麼突變所需要的相應的用戶信息?如果用戶名突然更新可以vuex知道嗎?像模型 – hidar

+0

的直接數據綁定我們只能使用突變來更改狀態值。 vuex有簡單的文檔https://vuex.vuejs.org/en/mutations.html –