elementui单个输入框回车刷新整个页面

server/2024/11/14 4:58:18/ 
javascript"><!-- 搜索 -->
<el-form :model="queryParams" ref="queryForm" :inline="true"><el-form-item label="名称" prop="nameLike"><el-input v-model="queryParams.nameLike" placeholder="请输入商品名称" @keyup.enter.native="SearchFn"/></el-form-item><el-form-item><el-button type="primary" icon="el-icon-search" @click="SearchFn" plain>搜索</el-button><el-button icon="el-icon-refresh" @click="RefreshFn">重置</el-button></el-form-item>
</el-form>

在这里插入图片描述

  • 回车搜索的时候，刷新整个页面
    在这里插入图片描述
    解决
    在 el-form 上添加 @submit.native.prevent
    完整
javascript"><el-form :model="queryParams" ref="queryForm" :inline="true" @submit.native.prevent><el-form-item label="名称" prop="nameLike"><el-input v-model="queryParams.nameLike" placeholder="请输入商品名称" @keyup.enter.native="SearchFn"/></el-form-item><el-form-item><el-button type="primary" icon="el-icon-search" @click="SearchFn" plain>搜索</el-button><el-button icon="el-icon-refresh" @click="RefreshFn">重置</el-button></el-form-item>
</el-form>

http://www.ppmy.cn/server/15162.html

相关文章

【二叉树】第二章：实现二叉树相关函数，感受递归分治的魅力

【二叉树】第二章：实现二叉树相关函数，感受递归分治的魅力

&#x1f60e;感受递归分治的魅力吧&#xff01; 本章节一共可以实现下面几个功能函数&#xff1a; 求 Size 二叉树节点个数、 Height 树的高度、 KNum 第k层节点个数、 Find 查找节点、 Leaves 叶子节点个数、 Destroy 销毁 前言&#xff1a;本章节函数的实现有些会借助到 前…
阅读更多...
【鸿蒙开发】闪屏页面练习

【鸿蒙开发】闪屏页面练习

1. 创建页面 Index.ets Entry Component struct Index {build() {Column() {Text("首页").fontSize(50).fontWeight(FontWeight.Bold)}.width(100%).height(100%)} }2. 创建页面 SplashScreen.ets Entry Component struct SplashScreen {State message: string Sp…
阅读更多...
使用微信开发者工具模拟微信小程序定位

使用微信开发者工具模拟微信小程序定位

哈喽&#xff0c;各位同僚们&#xff0c;我们平时在测试微信小程序的时候&#xff0c;如果小程序中有获取定位或者地图的功能&#xff0c;测试场景中常常需要去模拟不同的位置&#xff0c;例如我们模拟在电子围栏的外面、里面和边界区域等。那么&#xff0c;我们如何在模拟微信…
阅读更多...
python数字验证码自动识别

python数字验证码自动识别

&#x1f47d;发现宝藏 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。【点击进入巨牛的人工智能学习网站】。 在网络上&#xff0c;许多网站和应用程序使用验证码&#xff08;Completely Automated Publ…
阅读更多...
MySql CPU激增原因分析

MySql CPU激增原因分析

QPS激增会导致CPU占用升高 分析 可以使用监控工具&#xff0c;查看CPU利用率曲线图和QPS曲线图进行对比。如果CPU曲线图波动情况跟QPS曲线图波动情况基本保持一致&#xff0c;可以明确明确CPU升高时QPS上升导致。反之&#xff0c;CPU曲线图对比QPS曲线图有不同步的峰值抖动&am…
阅读更多...
【教程】MySQL数据库学习笔记（五）——约束（持续更新）

【教程】MySQL数据库学习笔记（五）——约束（持续更新）

写在前面&#xff1a; 如果文章对你有帮助&#xff0c;记得点赞关注加收藏一波&#xff0c;利于以后需要的时候复习&#xff0c;多谢支持&#xff01; 【MySQL数据库学习】系列文章 第一章 《认识与环境搭建》 第二章 《数据类型》 第三章 《数据定义语言DDL》 第四章 《数据操…
阅读更多...
Ubuntu 20.04.6下载、安装

Ubuntu 20.04.6下载、安装

一、下载 下载地址&#xff1a;https://cn.ubuntu.com/download 下载版本&#xff1a;ubuntu-20.04.6-desktop-amd64.iso 二、安装 参考博客&#xff1a; https://blog.csdn.net/lhl_blog/article/details/123406322 https://www.cnblogs.com/fieldtianye/p/17879840.html…
阅读更多...
C语言(1):初识C语言

C语言(1):初识C语言

0 安装vs2022 见 鹏哥视频即可 1 什么是C语言 c语言擅长的是底层开发&#xff01; 现在一般用的是C89和C90的标准 主要的编辑器&#xff1a; 2 第一个C语言项目 .c 源文件 .h头文件 .cpp c文件 c语言代码中一定要有main函数 标准主函数的写法&#xff1a; int main() { …
阅读更多...
最新文章

Copyright @ 2022~2023