技术栈

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

W.Y.B.G2024-09-05 15:13
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>
上一篇:JS中数组的方法flat()怎么用
下一篇:SpringBoot+Vue实现大文件上传(断点续传-后端控制(一))
相关推荐
李明卫杭州
6 分钟前
JavaScript中的dispatchEvent方法详解
javascript
KenXu
7 分钟前
F2C-PTD工具将需求快速转换为代码实践
前端
给月亮点灯|
15 分钟前
Vue3基础知识-setup()、ref()和reactive()
前端·javascript·vue.js
芜青
16 分钟前
【Vue2手录12】单文件组件SFC
前端·javascript·vue.js
冷冷的菜哥
17 分钟前
react实现无缝轮播组件
前端·react.js·typescript·前端框架·无缝轮播
hrrrrb
24 分钟前
【Python】字符串
java·前端·python
阿笑带你学前端
31 分钟前
Supabase云同步架构:Flutter应用的数据同步策略
前端
Martin-Luo
35 分钟前
Vue3 通过json配置生成查询表单
javascript·vue.js·json
梦想CAD控件
36 分钟前
(在线CAD平台)网页集成CAD SDK的方法
前端·javascript·github
万少
37 分钟前
可可图片编辑 HarmonyOS(6)水印效果
前端·harmonyos
热门推荐
01GitHub 镜像站点02A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程03KGG转MP3工具|非KGM文件|解密音频04UV 工具安装与国内镜像源配置指南05UV安装并设置国内源0646个Nano-banana 精选提示词,持续更新中07conda中设置镜像地址(附所有可换的地址)08突破百度网盘的下载限速,两种方法教会你【超详细】09Spec-Kit 使用指南10保姆级教程:手把手教你用Dify实现完美多轮对话(附Chatflow和提示词)