首页 > 其他分享 >表单中设置了 `keyup.enter.native` 的按键事件,但是回车后没有执行查询,反而会刷新页面

表单中设置了 `keyup.enter.native` 的按键事件,但是回车后没有执行查询,反而会刷新页面

时间:2023-01-26 19:22:06浏览次数:54  
标签:keyup 表单 enter input 刷新 页面 native

From: https://www.cnblogs.com/shayloyuki/p/16524712.html

 

场景

添加属性对话框中,input输入后点击 enter,不会执行绑定的 handleDialogQuery 事件,反而会刷新整个页面;

如果不点击 enter,点击搜索按钮,则是正常的。

又测试:在 属性组页面中,input 输入后点击 enter,是正常的,不会刷新整个页面。

解决办法:给 form 添加 @submit.native.prevent

image

原因

在一个 form 表单中,若只有一个 input,按回车键表单会自动提交,但是当表单中存在多个 input 时,按回车键不会执行任何操作,这是 form 表单的一个特性。

参考链接

标签:keyup,表单,enter,input,刷新,页面,native
From: https://www.cnblogs.com/joeblackzqq/p/17068103.html

相关文章

  • 关于gnome-control-center的问题解决
    突然发现电脑桌面的设置无法打开,点击后一直转圈。在网上研究了一圈,发现可能是gnome出了问题,输入指令gnome-control-center,结果报了如下错误:gnome-control-center:......
  • Knative简介
    Knative一个很重要的目标就是制定云原生、跨平台的Serverless编排标准。Knative是通过整合容器构建(或者函数)、工作负载管理(和动态扩缩)以及事件模型来实现Serverless标准的......
  • Knative配置HTTPS
    1证书管理工具cert-managercert-manager是用于HTTPS连接的TLS证书管理工具。接下来,通过两个步骤来安装cert-manager。1)安装cert-manager。#如果Kubernetes版本>=1.15,......
  • Knative路由管理
    Knative通过控制入口网关的流量分配来实现服务的路由管理。Knative为每个服务生成唯一的域名,入口网关会根据域名转发请求到对应的服务。1定制Knative服务的主域名Knativ......
  • 使用Knative事件驱动组件解耦服务依赖
    1部署一个Knative事件驱动应用通过以下9个步骤完成一个完整的Knative事件驱动应用的部署与验证。1)下载官方示例代码:$gitclone-b"release-0.16"https://github.com/......
  • 使用Knative的服务管理组件管理应用
    在部署一个KnativeService之前,先了解一下它的部署模型和对应的Kubernetes资源。如下所示,在部署KnativeServingService的过程中,KnativeServing控制器将创建configurati......
  • Knative的事件驱动组件Eventing
    KnativeEventing是Knative平台的通用事件驱动组件,它实现了云原生应用开发对事件驱动的通用需求,同时还提供了一组可组合的原语,实现了事件源和消费者之间的延迟绑定。Knati......
  • Knative的服务管理组件Serving
    Knative的服务管理组件Serving是管理应用服务的理想选择,它通过自动缩容为零和基于HTTP负载自动扩展的方式简化了部署流程。Knative平台可管理应用服务的部署、版本、网络、......
  • vCenter/ESXI主机存储适配器光纤通道路径状态“不活动”
    光纤跳线一条博扬LC-LC的多模光纤跳线有2个头,一收(A)一发(B)。问题描述登录vCenter后,选中对应ESXI主机-->配置-->存储适配器(如下图),选中vmhba2后,选择“路径”发现状态是“......
  • ERROR: Failed to build gem native extension on Windows
    install rubydevelopmentkit. 如果这个solution解决不了可以参照链接里的其他答案,我是采用上面的方式解决的https://stackoverflow.com/questions/42746055/error-f......