element中input框添加@keyup.enter.native,按enter后刷新页面

按enter键本来是调用搜索接口,但却是刷新了整个页面

<el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="110px"><el-form-item label="场景名称:" prop="actionName"><el-inputv-model="queryParams.actionName"placeholder="请输入名称"clearablesize="small"@keyup.enter.native="handleQuery"/></el-form-item><el-form-item><el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button><el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button></el-form-item></el-form>

原因:form 表单中只有一个输入框,在输入框中按下回车就是提交该表单,且会刷新页面。阻止这一默认行为,可以 在 form 标签上添加 @submit.native.prevent就可以解决刷新整个页面的问题。

<el-form :model="queryParams"  label-width="110px" @submit.native.prevent>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/22611.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

b端系统项目进度巡检设备物资劳务台账等OA前端UI设计开发

b端系统项目进度巡检设备物资劳务台账等OA前端UI设计开发

C++(构造和析构)

目录 1. 构造函数 1.1 概念 1.2 构造函数的分类 1.2.1 默认构造函数 1.2.2 带参数的构造函数 1.2.3 拷贝构造函数 1.2.4 移动构造函数 2. 析构函数 2.1 概念 3. 每期一问 3.1 上期答案 1. 构造函数 1.1 概念 在C中&#xff0c;构造函数&#xff08;Constructor&am…

Sqli-labs-maste靶场的下载、配置

目录 下载 配置 配置数据库 配置网站 初始化靶场 下载 GitHub下载地址&#xff1a; 百度网盘&#xff1a;https://pan.baidu.com/s/1jBcKkLzRV8q72rx_0AcznA?pwdxrsc 提取码&#xff1a;xrsc 迅雷链接&#xff1a;https://pan.xunlei.com/s/VNzC0-XAVysQYz4HufgYYze4A…

京东笔试-校招

2022京东数据分析笔试&#xff08;0821&#xff09; 一、选择题&#xff1a;30道 1.解决数据不平衡的方法主要有&#xff08;pca&#xff1f;&#xff09; 2.等频&#xff08;等宽&#xff09;划分问题 3.参数估计&#xff1a;矩估计与极大似然估计的用法&#xff0c;问题分…

将Java程序打包为为.exe文件

将Java程序打包为为.exe文件 将Java程序打包为为.exe文件分为俩个步骤&#xff1a; 1、将Java程序打包成Jar包&#xff08;此时就可复制桌面便于使用&#xff09; 2、打包为.exe文件&#xff08;需要借助工具&#xff09; 一、打包为.exe文件 1. file -> Project Structure…

leetcode 215 数组中的第K个最大元素

题目 给定整数数组 nums 和整数 k&#xff0c;请返回数组中第 k 个最大的元素。 请注意&#xff0c;你需要找的是数组排序后的第 k 个最大的元素&#xff0c;而不是第 k 个不同的元素。 你必须设计并实现时间复杂度为 O(n) 的算法解决此问题。 示例 输入: [3,2,1,5,6,4], …

【前端基础】CSS介绍|CSS选择器|常用CSS

目录 一、CSS介绍 1.1 什么是CSS 1.2 基本语法规范 1.3 引⼊⽅式 1.4 规范 &#x1f4a1;二、CSS选择器 1. 标签选择器 2. class选择器 3. id选择器 4. 复合选择器 5. 通配符选择器 三、常用CSS 3.1 color 3.2 font-size 3.3 border 3.4 width/height 3.5 padd…

【QEMU中文手册】2.2 调用方式(持续更新中)

本文由 AI 翻译&#xff08;ChatGPT-4&#xff09;完成&#xff0c;并由作者进行人工校对。如有任何问题或建议&#xff0c;欢迎联系我。联系方式&#xff1a;jelin-shoutlook.com。 原文&#xff1a;Invocation — QEMU documentation qemu-system-x86_64 [选项] [磁盘镜像]磁…

关于gitee上传成功没有绿点

今天上传完代码以后&#xff0c;打开gitee看了一下&#xff0c;但是看到昨天和今天都没有小绿点&#xff0c;仔细思考了一番&#xff0c;是仓库满了&#xff1f;不对啊&#xff0c;如果满了的话&#xff0c;上传就会失败啊&#xff0c;那这是什么问题呢&#xff1f; 原来是因为…

安全漏洞扫描工具

常用的安全漏洞扫描工具涵盖了网络扫描、Web应用扫描、系统漏洞检测等多个方面&#xff0c;以下是一些业界广泛认可和常用的工具&#xff1a; Nmap - 网络映射和安全审计工具&#xff0c;用于发现网络上的主机和服务&#xff0c;识别操作系统&#xff0c;枚举开放端口&#xff…

CSS常用形状

文章目录 一、对话框二、无限符号三、放大镜四、月牙五、加号六、叉号七、标签八、圆角三角形九、普通三角形十、五角星&#x1f1e8;&#x1f1f3;十一、平行四边形十二、六边形十三、钻石十四、长方形折角效果 一、对话框 <div class"talk-bubble"></div&…

【Python】 Python多线程管理:如何优雅地结束一个线程

基本原理 在Python中&#xff0c;线程是程序执行的并行方式之一。然而&#xff0c;管理线程&#xff0c;特别是如何结束一个线程&#xff0c;对于初学者来说可能是一个挑战。Python标准库中的threading模块提供了创建和管理线程的基本工具&#xff0c;但是并没有提供一个直接的…

【优选算法】优先级队列 {经验总结:优先级队列解决TopK问题,利用大小堆维护数据流中的中位数;相关编程题解析}

一、经验总结 优先级队列&#xff08;堆&#xff09;&#xff0c;常用于在集合中筛选最值或解决TopK问题。 提示&#xff1a;对于固定序列的TopK问题&#xff0c;最优解决方案是快速选择算法&#xff0c;时间复杂度为O(N)比堆算法O(NlogK)更优&#xff1b;而对于动态维护数据流…

创建百科词条时必须注意的四点

百度百科是企业或个人开展国内宣传的第一步&#xff0c;它就像一个网络名片&#xff0c;对外公开都可查阅&#xff0c;信息准确、可靠&#xff0c;特别有利于提升网络可信度。但是不是随便一个人就可以建立百度百科&#xff0c;百度百科有严谨的规则&#xff0c;小马识途营销顾…

Linux——PXE_FTP_EL8

PXE Kickstart &#xff08; el8 &#xff09; 使用两个网口一个用net接口用于下载服务和软件包&#xff0c;另一个为仅主机用于与其他的空主机相连 PXE(preboot execute environment) 预启动执行环境。支持工作站通过网络从远端服务器下载映像&#xff0c;并由此支持通过网络启…

有没有统信UOS虚拟机镜像,方便中国人下载开箱即用?

统信桌面操作系统&#xff08;UOS&#xff09;基于Linux5.3内核打造 最好是做几个版本&#xff0c;比如HYPER-V专用的虚拟机镜像.vhdx,win10系统自带的虚拟机 VMWARE的虚拟机镜像&#xff0c;Virtualbox虚拟机统信UOS镜像 有了虚拟机镜像&#xff0c;再加一些脚本配置&#x…

运动算法工程师笔试题

运动算法工程师的笔试题通常会涵盖多个方面&#xff0c;包括算法设计、编程能力、数学基础以及运动控制理论等。 算法设计与分析&#xff1a; 设计一个算法来解决特定的运动控制问题&#xff0c;例如路径规划、轨迹跟踪或运动优化。分析给定算法的时间复杂度和空间复杂度。 编…

git常用功能使用介绍

文章目录 GIT特殊功能使用介绍1. git log 相关1.1 查看一个文件的修改历史记录&#xff1a;git log -p filename1.1.1 查看一个文件的所有改动历史记录&#xff1a;git log --prettyoneline 文件名1.1.2 查看这个文件的某次提交的改动记录(git show 提交的hash值 文件名) 1.2 查…

Diffusers代码学习-LoRA训练

LoRA&#xff08;Low-Rank Adaptation of Large Language Models&#xff09;是一种流行的轻量级训练技术&#xff0c;它显著减少了可训练参数的数量。它的工作原理是在模型中插入少量的新权重&#xff0c;并且只训练这些权重。这使得使用LoRA进行训练的速度更快、内存高效&…

1790java网络学习平台Myeclipse开发mysql数据库web结构java编程计算机网页项目

一、源码特点 java网络学习平台系统 是一套完善的web设计系统&#xff0c;对理解JSP java编程开发语言有帮助采用了java设计&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统采用web模式&#xff0c;系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.5开发&…