记一次vuex的mapGetters无效原因

报错是(error during evaluation),见下图。

代码大概是下面这样,

import store from './store.js'

computed: {
    ...mapGetters('project', [
        'isOpenSupplyNeed',
    ]),
    a(){
        return store.getters['project/isOpenSupplyNeed']
    }
},

然后就是在vue-devtools面板里看到这样的报错
记一次vuex的mapGetters无效原因_第1张图片

然而另一个属性a,是有正确的值的。
后来下断点看报错,发现了问题。
this.$store是undefined。

因为在new Vue的时候,没有将store注入进来,导致vuex里的代码this.$store获取不到。


结论就是如果用到这些辅助函数,一定要保证new Vue的时候注入store。

你可能感兴趣的:(vuex)