组件方法内部的访问存储：无法读取未定义的属性“ $ store”

Question

我想在我的商店内取得状态。

我的简化方法：

export default {
  methods: {
      getServiceFromStore(serviceID) {
          serviceID.forEach(function (id) {
            console.log(this.$store.state.metiers)
          })
      }
  }
}

在Chrome开发人员工具上，我看到已定义$store，但我不明白为什么它不起作用。

我的方法在beforeMount()钩子上执行

感谢您的帮助

Answer 1

我找到了解决方案，我需要使用箭头函数从上下文中使用$ this。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#No_separate_this