如何使用Vue手动触发按键事件答案

【问题标题】：How to manually trigger a key press event with Vue如何使用Vue手动触发按键事件
【发布时间】：2021-12-16 09:45:27
【问题描述】：

我在我的 Vue 项目中得到了一个 Balkan Orgchart，它显示了一个非常酷的图表，可以选择“全屏”，但现在我添加了一个按钮，按下时会打开一个模态（vuedal）窗口。问题是当图表处于全屏状态时我看不到模式窗口，所以我想强制按下 Esc 键，以便用户在打开之前退出全屏模式模态窗口。

这就是为什么我想在用户尝试打开模态窗口时手动触发 Esc 按键事件。

有什么线索吗？

【问题讨论】：

【解决方案1】：

如果你想实现按esc键的原始事件，你可以用esc键的keycode发出keydown事件。这是 27。

$emit('keydown', { ...e, keyCode: 27 })

【讨论】：