vue键盘事件触发不了

Question

问题遇到的现象和发生背景

为什么我给这个input框绑定了这个keyup事件，按下enter键触发 但是 按了enter键之后 控制台没有输出呢

问题相关代码，请勿粘贴截图

<template>
  <div class="todo-header">
        <input type="text" placeholder="请输入你的任务名称，按回车键确认" @keyup.enter="add"/>
      </div>
</template>

<script>
export default {
name:'MyHeader',
methods:{
    add(e){
console.log(e.target.value)
}
}}
</script>

运行结果及报错内容

控制台没输出也没报错 不知道为什么

Answer 1

@keyup.enter.native