技术栈

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实现大文件上传(断点续传-后端控制(一))
相关推荐
子兮曰
1 天前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github
吴仰晖
1 天前
使用github copliot chat的源码学习之Chromium Compositor
前端
1024小神
1 天前
github发布pages的几种状态记录
前端
不像程序员的程序媛
1 天前
Nginx日志切分
服务器·前端·nginx
Daniel李华
1 天前
echarts使用案例
android·javascript·echarts
北原_春希
1 天前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts
JY-HPS
1 天前
echarts天气折线图
javascript·vue.js·echarts
尽意啊
1 天前
echarts树图动态添加子节点
前端·javascript·echarts
吃面必吃蒜
1 天前
echarts 极坐标柱状图 如何定义柱子颜色
前端·javascript·echarts
O_oStayPositive
1 天前
Vue3使用ECharts
前端·javascript·echarts
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03openclaw配置教程(linux+局域网ollama)04UV安装并设置国内源05OpenClaw Chrome扩展使用教程 - 浏览器中继控制06Linux下V2Ray安装配置指南07Claude Code Skills 实用使用手册08Vue-skills的中文文档09一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示10让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南