Неверный обработчик для события "xxx": получил неопределенный - PullRequest
0 голосов
/ 22 апреля 2020

Я пытаюсь передать событие из дочернего компонента в родительский компонент, переменные не переданы или ничего, просто триггер.

<div id="app">
    <app-wrapper v-on:lang-change="updateLang">
    </app-wrapper>
  </div>
var appWrapper = {
  components: {
    'videoheader': videoHeader,
    'languagebuttons': langButtons
  },
  template: `
        <div>
          <languagebuttons></languagebuttons>
          <videoheader></videoheader>
        </div>
`,
  data() {
    return {
      langOptions: ["nl", "en"]
    }
  },
  computed: {
    currentLang(){ return this.langOptions[1] }
  },
  methods: {
    updateLang(){
      if (this.currentLang === this.langOptions.indexOf(0))
        this.currentLang = this.langOptions[1];
      else
        this.currentLang = this.langOptions[0];

      console.log(this.currentLang)
    }
  }
};


Vue.component('app-wrapper', appWrapper);

Событие отправляется и регистрируется Vue devtools, но по какой-то причине метод updateLang либо не активируется, либо я получаю ошибку (более распространенную), что метод updateLang не определен.

...