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>
相关推荐
夏河始溢4 分钟前
一八二、webpack、grunt、gulp、rollup、parcel、vite 对比介绍
前端·webpack·gulp
Y_0321 分钟前
SpringBoot+VUE3的图书管理系统
vue.js·spring boot·毕业设计·数据可视化
别或许38 分钟前
python中的异步调用(直接使用教程)
java·前端·python
摘星编程38 分钟前
React Native + OpenHarmony:Modal确认取消弹窗
javascript·react native·react.js
xkxnq40 分钟前
第四阶段:Vue 进阶与生态整合(第 47 天)(Vue 项目目录结构解析:每个文件夹的作用与规范)
前端·javascript·vue.js
炽烈小老头1 小时前
浏览器渲染原理:从 HTML 到像素的全链路拆解
前端
打小就很皮...1 小时前
React 合同审查组件:按合同原文定位
前端·react.js·markdown
EndingCoder1 小时前
设计模式在 TypeScript 中的实现
前端·typescript
夏天想1 小时前
服务端渲染 (SSR)、预渲染/静态站点生成(SSG)
前端