如何使用Vue在div上绑定keyup事件以检测Enter键按下？

本文共计730个文字，预计阅读时间需要3分钟。

摘要：发现给div绑定keyup.enter事件是没有效果的。那么该如何实现呢？下面直接上代码：

1. 在HTML模板中添加代码：+1

2. 在组件的模板中添加代码：+2

3. 在组件的created生命周期中，写一个全局的enter事件处理函数：typescript+3ngOnInit() { window.addEventListener('keyup.enter', this.handleEnter);}

ngOnDestroy() { window.removeEventListener('keyup.enter', this.handleEnter);}

handleEnter() { // 处理enter键事件}

这样，按下键盘上的Enter键时，就会触发handleEnter函数，从而实现预期的功能。

摘要：发现给div绑定keyup.enter事件是没有效果的。