通过 vuex 商店的 mapstate 显示状态答案

【问题标题】：Display state by mapstate from vuex store通过 vuex 商店的 mapstate 显示状态
【发布时间】：2019-03-12 21:24:11
【问题描述】：

您好，我想显示 mainTab.HPval 例如我进入了我的商店状态和里面的对象

  mainTab: {
      HPval: 10,
      MANA: 0,
      'type': ''
  },

我定义了

computed: {
     ...mapState(['mainTab'])
},

如果我想显示它说未定义

     <Label :text="'heal ze Store = '+ mainTab.HPval" />

【问题讨论】：

我希望您使用从inputValues.js 导出的值创建一个Vuex.Store。它应该可以工作，你在 Github 上有一个示例项目可以重现这个问题吗？

【解决方案1】：

由于您的mainTab 根据随附的屏幕截图是一个模块，并且要访问模块状态变量，您需要像下面这样编写它。

...mapGetters("module_name", ["variable1", "variable2"]);

所以，在你的情况下，

...mapGetters("mainTab", ["mainTab"]);

您可以找到参考here

希望这会有所帮助！

【讨论】：

【解决方案2】：

据我所知，您的 mainTab 状态变量是在模块内定义的。要从存储中访问模块的状态，您必须执行以下操作。

computed: {
    ...mapState({
        mainTab: state => state.YOUR_MODULE_NAME.mainTab
    })
},

【讨论】：