vuejs2 - 从 vuejs 组件中创建的钩子(Hook)调用方法

Question

我有一个包含以下(部分)代码的组件:

export default {

  methods: {
    mymethod: (x) => {alert(x)},
  },

  created: () => {
    this.mymethod('success');
  },

我收到以下错误:

vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined"

看起来“this”没有被评估到组件的 vue 实例。以及想法什么可能会导致这种情况？

Answer 1

在定义 Vue 方法、生命周期方法、计算属性等时，最好不要使用箭头函数，因为这样您就覆盖了 Vue 本身推送的 this 。试试这个:

export default {
  methods: {
    mymethod (x) { alert(x) },
  },
  created () {
    this.mymethod('success');
  },
  ...
}