vue键盘事件触发不了

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

为什么我给这个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>

运行结果及报错内容

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

@keyup.enter.native

代码没问题，你莫不是假的控制台，看下控制台是不是过滤掉了信息类别；或者是全局有什么监听enter事件

不会吧，我这边按照你的代码写了写是正常得

我试了下可以的，你看下我的代码和你唯一区别就是：

<div class="todo-header">
      <input type="text" placeholder="请输入你的任务名称，按回车键确认" v-model="inputText" @keyup.enter="add"/>
    </div>
export default {
  data() {
    return {}
}，
  methods: {
add(e) {
      console.log(e.target.value)
    }
}
}

要是触发不了就加.native试试