Почему не работает код в then?

Question

Делаю запрос на сервер, после получения ответа хочу вызвать свое событие change-state и передать его в родительский компонент. Но ничего не происходит.

this.axios.post('/api/v1.0/word/create/', {
  'word': this.word,
  'translate': this.translate,
  'context': this.context
})
.then((response)=>{
  console.log(response);
  this.$emit('change-state', 'default');
});

Response в консоль печатается.

Если вынести эту строчку за пределы всей функции, то она работает, но не дожидается ответа:

this.axios.post('/api/v1.0/word/create/', {
  'word': this.word,
  'translate': this.translate,
  'context': this.context
})

this.$emit('change-state', 'default');

Почему это событие не срабатывает внутри then?

UPD: Проект учебный и почти пустой, залил его на гитхаб: https://github.com/kkomissarov/anki

Чисто из любопытства, а this точно vue? — doox911, Sep 22 '19 at 19:22
видимо this внутри then (а точнее колбэк функции) указывает именно на scope функции, а не VUE. — Алексей Шиманский, Sep 22 '19 at 19:24
@СергейМишин вот поэтому и спросил) — doox911, Sep 22 '19 at 19:25
@СергейМишин возможно, но как это происходит и как тогда правильно вызывать $emit, я в js не силен) — Константин Комиссаров, Sep 22 '19 at 19:26
@СергейМишин насколько я понял, стрелочная функция не должна менять контекст — Константин Комиссаров, Sep 22 '19 at 19:26
Конечно не должна, но мы то не видим весь код. — doox911, Sep 22 '19 at 19:27
@doox911 вывел в консоль this. Вывелось VueComponent — Константин Комиссаров, Sep 22 '19 at 19:28
Давайте продолжим обсуждение в чате. — doox911, Sep 22 '19 at 19:30

score 0 · Answer 1 · answered Sep 23 '19 at 16:03

Проблема была в том, что в момент, когда выполняется then, в this содержится несуществующий компонент. На самом деле, по моему вопросу это нельзя было понять, т.к. не приведен код компонентов.

Почему не работает код в then?

1 Answers1