liyue-press-enter

这是一个 Vue 3 的插件，当你需要在某些页面上点击回车键时触发一些操作时，@keyup.enter又只允许你绑定在form上面的时候怎么办？那你可以使用这个插件。^_^

安装

使用 npm 安装：

npm install liyue-press-enter

快速开始

第一步、在你的 Vue 配置文件（例如 main.js 或 main.ts）中引入插件：

import { createApp } from 'vue'; 
import PressEnter from 'liyue-press-enter';
import App from './App.vue';
const app = createApp(App);
app.use(PressEnter);app.mount('#app'); 

第二步、在你想使用的页面的根元素上添加指令 v-enter-submit="handleKeyDown"，其中 handleKeyDown 是触发回调的函数：

<template>
  <div v-enter-submit="handleKeyDown">
    <!-- 页面内容 -->
  </div>
</template>
<script>
export default {
  methods: {
    handleKeyDown() {
      // 处理按下回车键的逻辑
    },
  },
};
</script>