鍍金池/ 問答/HTML/ vuex中組件獲取不到狀態(tài)值

vuex中組件獲取不到狀態(tài)值

問題描述

vuex中組件獲取不到狀態(tài)值

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

在頁面中直接 使用 {{$store.state.certificationStatus}} 也獲取不到

computed: {

        ...mapState([             //步驟二,對象擴展運算符方式
            "certificationStatus"
          ])
    },

也是不對

相關(guān)代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)
actions.js

    getCertificationStatus(context,vm){
    return new Promise((resolve, reject) => {
        axios.post('/realNameUtils/gotoStatusPage')
      .then((res)=>{
              context.commit('certificationStatus',res.data.content)  請求到的值提交給mutaitions
              

mutations.js

certificationStatus(state,data){
    state.certificationStatus = data
    console.log(state.certificationStatus)    這里是可以獲取到的  
}                  

組件

computed: {
        certificationStatus() {
            return this.$store.state.certificationStatus;
        }
    },
    mounted(){
        this.$nextTick(()=>{
            this.$store.dispatch('getCertificationStatus',this)
        });

你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?

期待獲取到狀態(tài)值 并你能操作狀態(tài)值 我需要的是對狀態(tài)值進行判斷 根據(jù)狀態(tài)值來決定顯示什么
打印結(jié)果
圖片描述

回答
編輯回答
萢萢糖

你可以在vue-devtools里面看下,對應(yīng)的state里面是否有certificationStatus這個值

2017年12月6日 04:45