如何在计算属性内调用吸气剂

时间:2019-09-04 15:52:05

标签: vue.js vuex nuxt.js vuex-modules

我正在使用store的模块模式,并且在我的存储文件夹中的projects.js中,我具有:

export const getters = {
   loadedProjects(state) {
       return state.loadedProjects;
   }
}

现在在我的计算中应该怎么称呼它? 我正在这样尝试:

computed: {
   loadedProjects() {
     return this.$store.getters.projects.loadedProjects;
   },
 }

但我收到此错误:

Cannot read property ‘loadedProjects’ of undefined

2 个答案:

答案 0 :(得分:2)

我遇到了同样的问题,如果您使用的是模块模式,则可以这样调用您的吸气剂(针对您的情况):this.$store.getters['projects/loadedProjects'];

所以尝试像这样更改您的计算值:

computed: {
   loadedProjects() {
     return this.$store.getters['projects/loadedProjects'];
   },
 }

答案 1 :(得分:1)

您必须这样称呼您的吸气剂:

loadedProjects() {
    return this.$store.getters['projects/loadedProjects'];
}

$ store.getters ['moduleName / getterName']