2017-08-08 1568 views
2

我希望通过'esc'键事件来调用Vue组件中的方法。 该文档显示了这个例子:在Vue.js中监听div组件的“esc”键事件

<input v-on:keyup.enter="submit"> 

,但我使用的是<div></div>,并且需要从外面赶事件。 但是,我不希望超载全局处理程序或类似的东西。

有什么建议吗?

+0

你有没有发现你的这个解决方案?我正在尝试做同样的事情! –

回答

2

你不行。关键事件从主体标签发出,Vue不能挂载到<body>标签。

Sourced from "When VueJS Can't Help You"]

你必须建立自己的事件侦听器。

(图片来源&更在When VueJS Can't Help You资讯)

0

对于任何人谁徘徊在这里从谷歌,在Vue公司2 ...

<div @keydown.esc="something_in_your_methods"></div> 
+0

请查看:https://stackoverflow.com/help/how-to-answer – Daniel