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

Question

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

这是 mixin 中的计算属性：

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

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

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

allowedBaskets 属性正确显示。

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

Answer 1

正确的语法是

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

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