首页 > 其他分享 >Vue el-form回车想提交表单数据,但会刷新页面的解决办法

Vue el-form回车想提交表单数据,但会刷新页面的解决办法

时间:2023-03-08 09:12:17浏览次数:43  
标签:el Vue form 解决办法 submit 表单 回车

原因

W3C 标准中有如下规定

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a requestto submit the form.

即:当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。

解决办法

如果希望阻止这一默认行为,可以在el-form标签上添加 @submit.native.prevent

标签:el,Vue,form,解决办法,submit,表单,回车
From: https://www.cnblogs.com/aiyablog/p/17190728.html

相关文章

  • for循环原理补充、生成器对象、yield冷门用法、生成器表达式的面试题、常见内置函数
    目录一、for循环原理补充二、生成器对象(1)、自定义生成器对标range功能(一个参数两个参数三个参数迭代器对象)三、yield冷门用法(1)、yield与return的对比四、生成器表......
  • 不背锅运维:Terraform管理Kubernetes的初体验
    写在开篇几年前使用过terraform用于管理VMware和OpenStack,并做了一些自动化相关的事情。而到了今天是云原生的时代,最主流、最牛逼的开源容器编排平台莫过于K8S了。就在昨......
  • vue2与vue3不同点:opitons api 与cmposition api
    vue2:optionsapi采用的是命令式编程,而vue3组合式api采用的是函数式编程,两者存在很大的差异,vue3更灵活,难度也更大。script语法糖,vue3可以通过导入函数的方式来定义响应......
  • vue-router的笔记
    路由:hash地址与组件之间的对应关系SPA:单页面应用程序前端路由的工作方式1、用户点击了页面上的路由链接2、导致了url地址栏的hash值变化3、前端路由监听到了hash地址......
  • vue生命周期以及如何将axios挂载到vue的原型链上
    生命周期组件的生命周期是指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段生命周期函数:是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行 ......
  • vue组件之间通信以及混入
    子组件向父组件共享数据使用自定义事件父向子用自定义属性兄弟之间用eventbus组件的$nextTick(cb)方法,会把cb回调到下一个dom更新周期之后执行Vue2中非父子组件之间用......
  • vuex笔记
    Vuex在开发中,我们会的应用程序需要处理各种各样的数据,这些数据需要保存在我们应用程序中的某一个位置,对于这些数据的管理我们就称之为是状态管理src/store/index.js......
  • Linux Kernel VM 参数
    LinuxKernelVM参数在linux内核中有许多参数可以有用户进行配置。可以通过sysctl-a命令来查看。本文主要讲一些与内存相关的参数,会根据不断需要进行补充。关于内存相......
  • 记- django通过celery beat results实现定时任务
    1.实验环境python版本:3.7.8django版本:3.2.15celery版本:5.2.7django-celery版本:3.2.1django-celery-beat版本:2.4.0django-celery-results版本:2.4.0django-redis版本......
  • xshell远程linux Ubuntu
    更新包以及依赖sudoaptupdate安装openssh-server,openssh-clientsudoaptinstallopenssh-serveropenssh-client其他包根据提示安装即可......