См. Этот простой модальный компонент:
Vue.component('modal-content', {
template: `
<div class="modal">
...
</div>
`,
props: ['title'],
});
Как я могу управлять нажатием клавиатуры из компонентов, которые его используют (родители)?
Если я использую событие @ keyup.esc, тогда ононе имеет никакого эффекта:
<portal to="modal-wrap">
<modal-content @keyup.esc="doSomething">
</modal-content>
</portal>
Если я добавлю @ keyup.esc в компонент модального содержимого на DIV, то это будет работать, но это бесполезно для меня, потому что мне нужно вызвать doSomething
функция, которая существует в родительском компоненте