从模板访问vue vuex命名空间getter

Question

我在我的.vue组件中制作了vuex名称空间的getter映射,如下所示:

...mapGetters([
  'fooModule/barGetter'
])

现在我如何在我尝试的.vue组件模板中访问此getter {{fooModule.barGetter}}但它似乎不起作用,{{fooModule/barGetter}}显然是错误的.

我可以在mapGetters中为getter指定另一个键

...mapGetters({
    fooBarGetter: 'fooModule/barGetter'
})

这允许我通过使用访问模板中的值 {{forBarGetter}}

但是,我想知道是否有办法访问'fooModule/barGetter'没有分配另一个密钥.可能吗？如果是这样的话？

Answer 1

第一个参数mapGetters可以是命名空间:

computed: {
    ...mapGetters("fooModule", [
        "barGetter"
    ]),
    ...mapGetters("anotherModule", [
        "someGetter"
    ])
}

这将使值可用this.barGetter或仅barGetter在模板中可用.注意,拥有多个mapGetters语句是完全可以接受的.

Vuex Getters文档