如何在 Vuex 中重命名命名空间的 mapGetters？

Question

在我的 nuxt 项目中，我尝试使用 mapGetters 和 docs 中描述的重命名对象语法。 getter 在名为 currentTournament.

的模块中命名空间

这是 mixin 中的计算 属性：

computed: {
  ...mapGetters('currentTournament', [{ tAllowedBaskets: 'allowedBaskets' }]),
}

如果我记录组件的 this，而不是 tAllowedBaskets 属性，则会出现一个新的 属性 [object Object]: undefined。但是，如果我使用 'simple' 字符串语法：

...mapGetters('currentTournament', ['allowedBaskets'])

allowedBaskets 属性 正确显示。

为什么对象语法不起作用？

Answer 1

正确的语法是

...mapGetters('currentTournament', { tAllowedBaskets: 'allowedBaskets' }),

您不需要方括号 []，如 vuex documentation 的这一部分所示。