vuex中组件获取不到状态值

Question

问题描述

vuex中组件获取不到状态值

问题出现的环境背景及自己尝试过哪些方法

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

computed: {

        ...mapState([             //步骤二，对象扩展运算符方式
            "certificationStatus"
          ])
    },

也是不对

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
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)
        });

你期待的结果是什么？实际看到的错误信息又是什么？

期待获取到状态值 并你能操作状态值 我需要的是对状态值进行判断 根据状态值来决定显示什么
打印结果

Answer 1

你可以在vue-devtools里面看下，对应的state里面是否有certificationStatus这个值

Answer 2

解决了吗，我也遇到这个问题