美文网首页Vue让前端飞
Vuex:Computed property "comps" w

Vuex:Computed property "comps" w

作者: 嘻哈章鱼小丸子 | 来源:发表于2020-10-21 15:21 被阅读0次

项目中控制台报错如下:

image.png
compsvuex里的全局状态:
computed: {
        ...mapGetters(["comps"])
}

查了半天,发现其他地方对comps进行了重新赋值操作:

 this.comps=[];

感谢大米的评论,确实是不能违背vuex的原则,state的改变只能在mutationsactions中完成,在 mutationsactions中分别加了changeComps方法:

   mutations: {
        changeComps(state, paramsObj) {
            state.comps = paramsObj.comps;
        }
    },
    actions: {
        changeComps({ commit, rootState }, paramsObj) {
            commit('changeComps', paramsObj)
        }
    }

通过dispatch分发就可以了:

     this.$store.dispatch("changeComps", {
            comps: this.comps,
     });

相关文章

网友评论

    本文标题:Vuex:Computed property "comps" w

    本文链接:https://www.haomeiwen.com/subject/gmynpktx.html