2017-09-06 9 views
0

VueJs + AdminLTEプロジェクトで作成したこのシンプルな管理ダッシュボードをローカルにコピーしましたが、現在はすべて動作していますが、現在vuexから保存された状態を取得する方法については、特にthis line of code私は次のように変更しました:vuexからコンテンツを取得する方法

ページがリダイレクトされると、私はusername、tel、emailを取得しようとしていますが、存在しません。

私はconsole.log(this.$store)は、私は多くの内容を見なく

答えて

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

コード上記のユーザー情報がストアにユーザ名を設定しませんでした。あなたはあなたのコミットで対応する突然変異を呼び出す必要があります。たとえば、

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

これは、対応するユーザーデータをストアの「ユーザー」状態に設定します。 は今、あなたは

`this.$store.state.user` 

上記の呼び出しを使用して、対応するユーザ情報、電子メール、TEL、ユーザー名などのように、すべてのユーザー情報が

+0

ただ一つの質問、なぜ突然変異が必要とされている含まれていますを得ることができますか?突然ユーザー名が更新された場合、vuexはそれについて知ることができますか?モデルの直接データ結合のように – hidar

+0

我々は突然変異を使って状態値を変更することしかできません。 vuex https://vuex.vuejs.org/en/mutations.htmlの簡単なドキュメントがあります –

関連する問題