获取input的value值

<template>
  <div class="todo-header">
    <input
      type="text"
      placeholder="请输入名称，按回车键确认"
      @keyup.enter="add"
    />
  </div>
</template>
<script>
export default {
  name: "MyHeader",
  methods: {
    add(event) {
      console.log(event.target.value);
    },
  },
};
</script>

<template>
  <div class="todo-header">
    <input
      type="text"
      placeholder="请输入名称，按回车键确认"
      v-model="title"
      @keyup.enter="add"
    />
  </div>
</template>
<script>
export default {
  name: "MyHeader",
  data() {
    return {
      title: "",
    };
  },
  methods: {
    add() {
      console.log(this.title);
    },
  },
};
</script>