vue中非input元素绑定键盘事件

Question

input在获取焦点时，@keyup.enter=XXX（）时可以，给别的元素绑了没效果，必须获取焦点吗？

Answer 1

非表单元素需要加上tabindex属性，才能监听键盘事件，比如

tabindex='1'

Answer 2

非input元素绑定键盘事件，需要加tabindex属性或者设置contenteditable属性为true。具体示例

Answer 3

换成@keyup.enter.native试试