Как заменить this.$parent.$emit в Vue 3?


Как заменить this.$parent.$emit в Vue 3?

01.06.2020 08:33:04 Просмотров 34 Источник

Я перенес свое приложение на Vue 3.

Теперь мой Линтер показывает ошибку устаревания, задокументированную здесь: https://eslint.vuejs.org/rules/no-deprecated-events-api.html.

В документации показано, как заменить this.$emit библиотекой mitt, но не показано, как заменить this.$parent.$emit.

У вопроса есть решение - Посмотреть?

Ответы - Как заменить this.$parent.$emit в Vue 3? / How to replace this.$parent.$emit in Vue 3?

Developer

11.08.2020 10:30:26

В вашем дочернем компоненте:

setup(props, { emit }) {
   ...
   emit('yourEvent', yourDataIfYouHaveAny);
}

Ваш родительский компонент:

<your-child @yourEvent="onYourEvent" />

...

onYourEvent(yourDataIfYouHaveAny) {
  ...
}
Помочь в развитии проекта:
Закрыть X