vue3 element-plus 按下回车键搜索方法

html 复制代码
<template>
  <el-input
    v-model="keyword"
    suffix-icon="search"
    placeholder="请输入关键字"
    clearable
    @keyup.enter.prevent="searchHandle"
  />
</template>

<script setup lang="ts">
/**
 * 按下回车键搜索方法
 */
const searchHandle = () => {
  console.log("回车键按下");
};
</script>

<style lang="scss" scoped></style>
相关推荐
阿四1 分钟前
【Nextjs】为什么server action中在try/catch内写redirect操作会跳转失败?
前端·next.js
申阳4 分钟前
Day 6:04. 基于Nuxt开发博客项目-LOGO生成以及ICON图标引入
前端·后端·程序员
中国lanwp16 分钟前
npm中@your-company:registry 和 registry 的区别
前端·npm·node.js
Bacon17 分钟前
Electron 应用商店:开箱即用工具集成方案
前端·github
行走的陀螺仪19 分钟前
uni-app + Vue3 实现折叠文本(超出省略 + 展开收起)
前端·javascript·css·uni-app·vue3
冴羽22 分钟前
JavaScript 异步循环踩坑指南
前端·javascript·node.js
jump68023 分钟前
commonjs 和 ES Module
前端
旧曲重听11 小时前
前端需要掌握多少Node.js?
前端·node.js
Mr.Jessy1 小时前
Web APIs 学习第四天:DOM事件进阶
开发语言·前端·javascript·学习·ecmascript
云枫晖1 小时前
前端工程化实战:手把手教你构建项目脚手架
前端·前端工程化