Я пытаюсь передать событие из дочернего компонента в родительский компонент, переменные не переданы или ничего, просто триггер.
<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 не определен.