iview Form Input组件按下回车键搜索和禁止触发表单默认事件

embedded/2024/10/4 19:31:14/

在进行表单搜索功能开发的过程中,经常会有这样的需求,要求Input输入完成以后,按下回车键进行查询。实现这个功能只需要在Input组件上增加@keyup.enter事件即可
代码如下:

<Input v-model="searchWords" @keyup.enter="gotoSearch" placeholder="Search By: Disease name, Food name, Comopound name, Dietary Pattern, or other factors..." />

在使用iview Form 表单开发的过程中,会遇到另一种问题,在Input输入完内容后按下回车自动刷新了页面,这是触发了表单的默认提交事件,这种情况该怎么处理呢?只需要在Form组件上加上@submit.native.prevent
代码如下:

<Form ref="formDynamicRef" :model="formDynamic"  @submit.native.prevent>
</Form>

http://www.ppmy.cn/embedded/114961.html

相关文章

Day24笔记-异常和错误

一、异常和错误 1.概念 ​ Python有两种错误很容易辨认&#xff1a;语法错误和异常 ​ Python 的语法错误或者称之为解析错误&#xff0c;是初学者经常碰到的&#xff0c;比如缺少冒号等 ​ 在程序运行过程中&#xff0c;总会遇到各种各样的错误&#xff0c;有的错误是程序编写…

李宏毅机器学习2023-HW11-Domain Adaptation

文章目录 TaskLinkBaselineSimple BaselineMedium BaselineStrong BaselineBoss Baseline Task Domain Adaptation 通过训练真实图片得到分类模型&#xff0c;并将其应用到涂鸦图片上进行分类&#xff0c;来获得更高的精准度。 Link kaggle colab Baseline Simple Baseli…

前端vue-子组件对于父组件的传值的约束

组件中可以传字符串&#xff0c;布尔值&#xff0c;数组&#xff0c;对象&#xff0c;函数 如果子组件对于父组件传来的值进行校验&#xff0c;那么我们把子组件中的props中的数据写成{}的形式 &#xff0c;在里面进行数据的约束 required&#xff1a;是必须要传值&#xff0c;…

GIS开发之如何使用OpenLayers,Leaflet,Mapbox,Cesium,ArcGIS, Turf.js 与 D3.js

1、OpenLayers&#xff1a; 描述&#xff1a;OpenLayers是一个高性能、开源的JavaScript库&#xff0c;用于在Web上创建富有的地图应用。它支持多种地图数据源&#xff0c;包括从瓦片服务到矢量数据&#xff0c;并提供了大量的交互功能。特点&#xff1a;功能强大、灵活易用&a…

大数据技术原理与应用

第一章、大数据概述 1、大数据时代的特征&#xff0c;并结合生活实例谈谈带来的影响。 &#xff08;一&#xff09;特征 1、Volume 规模性&#xff1a;数据量大。 2、Velocity高速性&#xff1a;处理速度快。数据的生成和响应快 摩尔定律&#xff1a;每两年&#xff0c;数…

Red Hat 和 Debian Linux 对比

原图的作者(https://bbs.deepin.org/post/209759) Red Hat Enterprise Linux https://www.redhat.com/ CentOS Linux https://www.centos.org/ Fedora Linux https://fedoraproject.org/ Debian https://www.debian.org/ Ubuntu https://cn.ubuntu.com/ https://ubuntu.c…

Go语言并发编程中的超时与取消机制解析

解锁Python编程的无限可能:《奇妙的Python》带你漫游代码世界 并发编程是Go语言的核心优势之一,而在实际应用中,超时和取消操作会频繁出现。超时机制能够帮助我们理解系统行为,防止系统因为某些任务执行过长而陷入困境。与此同时,取消操作则是应对超时的一种自然反应。此…

MySQL——数据库的高级操作(三)权限管理(4)收回权限

在 MySQL中&#xff0c;为了保证数据库的安全性,需要将用户不必要的权限收回&#xff0c;例如&#xff0c;数据管理员发现某个用户不应该具有 DELETE 权限&#xff0c;就应该及时将其收回。为了实现这种功能&#xff0c;MySQL提供一个 REVOKE 语句&#xff0c;该语句可以收回用…