Vue: эмиттер не работает в дочернем элементе при нажатии кнопки

Question

Мой исходящий вызов не вызывается при нажатии кнопки. Я попытался запустить отладчик и пройти через него, и он срабатывает, но похоже, что он проходит прямо и пропускает его. Я не уверен, в чем проблема или почему он пропускает.

Родительский

<step-review @emitgetappdata="getAppData"></step-review> 

getAppData: function(data=null) {
  debugger
}

Обзор шага

<button @click="this.clickedButton()">Test</button>

clickedButton: function() {
  console.log("reached here");
  let data = {
    text: "Foo",
  }
  this.$emit('emitgetappdata', data);
}

Answer 1

Вы не можете использовать this для просмотра

<button @click="clickedButton()">Test</button>

clickedButton() {
  console.log("reached here");
  let data = {
    text: "Foo",
  }
  this.$emit('emitgetappdata', data);
}

и код вашего компонента для этого немного более чистый.

<step-review @emitgetappdata="getAppData"></step-review> 

getAppData(data=null) {
  debugger
}

Отредактировано после прочтения некоторых документов : https://vuejs.org/v2/guide/instance.html#Data -и-методы