面试题：Vue中如何绑定键盘事件并获取特定按键的值

Question

在Vue项目中，假设你有一个输入框，需要监听用户按下回车键时触发一个函数，并获取输入框的值。请写出相关的模板代码和Vue实例中的方法代码。

Answer 1

模板代码

<template>
  <div>
    <input @keyup.enter="handleEnter" v-model="inputValue">
  </div>
</template>

Vue实例中的方法代码

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleEnter() {
      console.log(this.inputValue);
      // 这里写具体触发函数的业务逻辑
    }
  }
};
</script>