VUE.JS Ошибка Error in v-on handler: «TypeError: handler.apply is not a function» — в чем причина?

Question

[Maксим Волков]

Для передаче данных от дочернего компонента к родителю генерится событие,
this.$emit('autorchange', this.post.autor_id);
Родительский компонент данные получает, Все работает! Но в консоле в какой-то момент появилось и висит при работе компонента сообщение об ошибке, которое указывает на проблему в данной строке кода.



Прошу помощи сообщества, помогите разобраться в причинах ошибки, и исправить.

JS - VUE компонента:

export default {
	name: 'Post',
	data () {
		return {
			post: null
		}
	},
	created: function(){
		this.post = this.$store.getters.GET_POST(this.$route.params.id);
		this.$emit('autorchange', this.post.autor_id); // - ругается на данную строку кода.
	},
	computed: {
		imgUrl() {
			return this.$store.state.imgPath+this.post.img;
		},
		imgAlt() {
			return this.post.name
		}
	}
}

Comments

[Eduard Shkuta]

Хотелось бы увидеть код компонента, который слушает событие "autorchange"

[Maксим Волков]

Код компонента который слушает событие "autorchange".
Через родительский компонент данные передаются соседнему.

<template>
...
      <router-view v-on:autorchange="autorId"></router-view>
     <Autor :autorId="autorId"/>
...
</template>

export default {
	name: 'app',
	components: {
		Header, Home, Intro, Pagination, CategoriesList, Autor, PopularList, YotubChanal, BottomAbout, BottomLast, BottomOld, Footer
	},
	data () {
		return {
		}
	},
	computed: {
    autorId: function(val) {
	    return val;
  	}
    }
}

[Михаил]

Maксим Волков, в v-on:autorchange должен попадать метод (функция) а не computed свойство

[Maксим Волков]

Михаил, Благодарю! Проблема решена, -

v-on:autorchange должен попадать метод (функция) а не computed свойство

- было причиной проблемы.

Answer 1

[Maксим Волков]

v-on:autorchange должен попадать метод (функция) а не computed свойство
- было причиной проблемы.