鍍金池/ 問答/HTML/ vuex在actions里面異步請(qǐng)求數(shù)據(jù)，獲取到數(shù)據(jù)提交給mutations,在

vuex在actions里面異步請(qǐng)求數(shù)據(jù)，獲取到數(shù)據(jù)提交給mutations,在組件獲取給data

問題描述

vuex在actions里面異步請(qǐng)求數(shù)據(jù)，獲取到數(shù)據(jù)提交給mutations,在組件獲取給data不對(duì)

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

我在actions異步請(qǐng)求是沒有問題的，接口是你可以正常調(diào)用的
在組件獲取到狀態(tài)值我使用的是this.$nextTick  等加載完畢再去給data值 按理說也是可以的  但是不對(duì)

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）
actions

        
  getCertificationStatus({context,state},vm){
    return new Promise((resolve, reject) => {
        axios.post('/realNameUtils/gotoStatusPage')
      .then((res)=>{
              content.commit('certificationStatus',res.data.content)
        if(res.data.content == "NOT_REALNAME"){
            vm.$router.push({path:'/user/info'})//點(diǎn)擊跳到未認(rèn)證頁面
          }

mutations

    
    certificationStatus(state,data){
    state.certificationStatus = data
}

組件

    data(){
        return {
            type : '',//認(rèn)證方式
            exampleDialogPerson : false,//示范彈層
            exampleDialogLeagel: false,//示范彈層
            exampleDialog2 : false,//認(rèn)證方式彈層
            exampleDialog3 : false,//認(rèn)證方式彈層
            show:false,//認(rèn)證提示
            flag1:false,//底部卡片
            flag2:false,
            flag3:false,
            flag4:false,
            phone: '',//進(jìn)入認(rèn)證需要綁定手機(jī)號(hào)
            typeMethods: '',//認(rèn)證方式  個(gè)人  企業(yè)
            stateRoute: '',//狀態(tài)路由
            baazar: false,//應(yīng)用市場(chǎng)彈層
            certificationStatus1: ''
        }
    },
    components: {
        NavBar,
        PubFooter
    },
    computed: {
        certificationStatus(state) {
            return this.$store.state.certificationStatus;
        }
    },
    mounted(){
        this.$nextTick(()=>{
            this.certificationStatus1 = this.$store.state.certificationStatus;
        });
        console.log(this.certificationStatus)
        console.log(this.certificationStatus1)

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

我想獲取到狀態(tài)值，并操作狀態(tài)值，對(duì)狀態(tài)值進(jìn)行判斷，根據(jù)狀態(tài)值來決定顯示什么

回答
編輯回答
解夏

把 certificationStatus 放到 computed 內(nèi)綁定。

computed: {
    certificationStatus() {
        return this.$store.state.certificationStatus
    }
}
watch: {
    certificationStatus(newVal) {
        if(newVal) {
            // 操作
        }
    }
}
2017年6月30日 20:06