Vue Js 店铺管理答案

【问题标题】：Vue Js Store ManagementVue Js 店铺管理
【发布时间】：2018-12-08 13:38:25
【问题描述】：

当我在控制台中获取 sotre.getters 方法时，无法访问我的 js 文件中的 store.getters.method。

在 x.js 中

import {store} from '../../store/store'

获取方法中的changeValue

console.log(store.getters);

但是当我使用下面的方法访问它时，它会给出“[ob: Observer, property1: 42]”

console.log(store.getters.changeValue);

【问题讨论】：

能否请您包含/附加您的 JS 文件。
你具体想做什么？
我正在尝试访问 js 文件中的存储，而不是 vue 组件中的存储。我在 x.js 文件中访问它。所以如果我通过 store.getters.UnitCounters 访问它，但它给出“未定义”。当我通过 sotre.getters 访问它时它具有价值。

【解决方案1】：

在尝试通过 store 直接访问 getter 时，您可能会得到 [ob: Observer]。而且不推荐这样做。

尝试在您正在使用的 JS 文件的计算属性中使用 mapGetters。比如：

computed:{
        ...mapGetters(['changeValue'])
},

之后，您可以访问 this（vm 实例）中的 changeValue。所以只需调用

this.changeValue

您可以阅读更多关于 mapGetters here

我希望这会有所帮助。

【讨论】：