Vue 开发技巧（六）

使用键盘事件：键盘事件可以实现更多的交互效果，并且比鼠标事件简单易用

<template>
  <div>
    <input @keyup.enter="submitForm" type="text">
  </div>
</template>

<script>
export default {
  methods: {
    submitForm() {
      console.log("Form submitted");
    },
  },
};
</script>

当用户按下 Enter 键时，就会触发 submitForm 方法，可以根据需要灵活运用键盘事件实现更多的交互效果。