`
- 浏览:
609218 次
- 性别:
- 来自:
上海
-
elementUi 键盘回车事件导致页面刷新的问题
在使用elementUi form表单时,一般会这么写
<el-form>
<el-input v-model="params.taskName" @keyup.enter.native="enterKey" @clear="clearTaskName" clearable></el-input>
</el-form>
在 input中加上@keyup.enter.native 就可以使用回车事件
但是会发现有时候,第一次回车就会刷新页面,再次回车,才出发回车事件。
当一个 form 元素中只有一个输入框时,在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为,可以在 el-form 标签上添加 @submit.native.prevent。
调整后的代码如下:
<el-form @submit.native.prevent>
<el-input v-model="params.taskName" @keyup.enter.native="enterKey" @clear="clearTaskName" clearable></el-input>
</el-form>
(form只有一个元素,会出现上述问题且提交url会显示问号,必须用上述办法解决)
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
今天小编就为大家分享一篇解决vue+element 键盘回车事件导致页面刷新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
js键盘回车事件,下载即可用,简单实用...
我们在android手机上面有时候会遇到监听手机软键盘按键的时候,例如:我们在浏览器输入url完毕后可以点击软键盘右下角的“GO”按键加载url页面;在点击搜索框的时候,点击右下角的search符号键可以进行搜索;或者在...
在ALV里编写回车事件,通过回车操作数据!
非api的Excel表中响应回车事件 Excel表中不能捕获回车事件,这是个变通的办法
相信大家在实现页面局部刷新过程中都遇到过类似的问题:在文本框中输入完要搜索的关键字段,按回车结果整个页面刷新了,局部刷新肯定失败。
文本框回车事件 如果一全页面有很多的按钮,那么文本框的回车事件就会执行第一个按钮事件。那么如何让文本框回车后指定执行一个按钮事件呢??请下载吧。
可以记录键盘事件以及回车事件时的屏幕状态
js回车事件绑定
在 Web 开发中,JavaScript 操作键盘的 Enter 事件是一种常见的交互方式,例如,在登录页面中,按下 Enter 键 submitting 表单。在多浏览器环境下,实现这种交互方式需要特殊处理。本文将介绍如何使用 JavaScript ...
绝对好用的js回车事件判断。可免费下载,还等什么呢?
MFC EDIT 回车事件响应之 OnChar() 实现的DOME,真实有效,采用PreTranslateMessage方法和 OnChar() 结合实现。
主要是为了页面没有提交按钮 无法实现回车自动提交所写在功能,屏蔽了表单中文本域回车导致提交功能。
主要介绍了C#键盘输入回车键实现点击按钮效果的方法,可实现用回车键代替点击按钮的功能,是非常实用的技巧,需要的朋友可以参考下
VB 按下键盘时触发的KeyPress事件
Asp.net的TextBox回车触发事件.<script language="javascript">
VB源码,键盘捕捉程序,比较不错,可以看看。