当前位置: 首页 > article >正文

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

在进行表单搜索功能开发的过程中,经常会有这样的需求,要求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.kler.cn/a/311430.html

相关文章:

  • 【初阶数据结构与算法】链表刷题之移除链表元素、反转链表、找中间节点、合并有序链表、链表的回文结构
  • 一文详解java的数据类型
  • SpringBoot后端解决跨域问题
  • 券商隔夜单自动下单交易接口
  • docker运行ActiveMQ-Artemis
  • Ubuntu20.4系统编译瑞芯微RK3568 SDK
  • Rocky Linux 9 中添加或删除某个网卡的静态路由的方法
  • 【JSrpc破解前端加密问题】
  • 【Linux】对称加密和非对称加密的区别
  • (k8s)Kubernetes部署Promehteus
  • Tiny-universe-taks1-LLama3模型原理
  • 快速掌握Postman接口测试
  • 基于python+django+vue的在线学习资源推送系统
  • 一个手机号注册3个抖音号的绿色方法?
  • 如何查看电脑什么时候被人动过及看过的文件?
  • 【Java版】云HIS系统源码
  • node js版本低导致冲突WARN EBADENGINE package: required: { node: ‘>=18‘ }
  • 操作系统基础
  • 傅里叶变换的基本性质和有关定理
  • TCP交互通讯在Windows中的频率
  • 【leetcode】堆习题
  • codetop哈希表刷题!!!刷穿地心版)
  • 如何使用ssm实现基于web的物流配送管理系统的设计与实现+vue
  • 【TabBar嵌套Navigation案例-关于页面 Objective-C语言】
  • FlexNet Licensing: not running 问题
  • IBM中国研发中心撤离背后的IT行业人才挑战与产业未来展望