技术栈

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实现大文件上传(断点续传-后端控制(一))
相关推荐
子兮曰
3 小时前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github
吴仰晖
3 小时前
使用github copliot chat的源码学习之Chromium Compositor
前端
1024小神
3 小时前
github发布pages的几种状态记录
前端
不像程序员的程序媛
6 小时前
Nginx日志切分
服务器·前端·nginx
Daniel李华
6 小时前
echarts使用案例
android·javascript·echarts
北原_春希
6 小时前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts
JY-HPS
6 小时前
echarts天气折线图
javascript·vue.js·echarts
尽意啊
6 小时前
echarts树图动态添加子节点
前端·javascript·echarts
吃面必吃蒜
6 小时前
echarts 极坐标柱状图 如何定义柱子颜色
前端·javascript·echarts
O_oStayPositive
6 小时前
Vue3使用ECharts
前端·javascript·echarts
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03OpenClaw Chrome扩展使用教程 - 浏览器中继控制04Linux下V2Ray安装配置指南05使用 1panel面板 部署 php网站06UV安装并设置国内源07从零搭建一个 PHP 登录注册系统(含完整源码)08openclaw配置教程(linux+局域网ollama)09Vue-skills的中文文档10Claude Code Skills 实用使用手册