el-input中监听键盘事件“回车”和“Tab”

Linzsong

于 2021-03-30 16:49:59 发布

阅读量1.5k

点赞数

分类专栏： vue ElementUI 文章标签： elementui

本文链接：https://blog.csdn.net/Linzsong/article/details/115330019

版权

vue 同时被 2 个专栏收录

8 篇文章

订阅专栏

ElementUI

3 篇文章

订阅专栏

本文介绍了如何在Element UI的el-input组件中监听并处理键盘事件，特别是用户按下回车键和Tab键时的响应，这对于表单提交和导航操作至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-input中监听键盘事件“回车”和“Tab”

<el-input  
	@keyup.enter.native="test($event)"
    @keydown.tab.native="test($event)">
</el-input>

<!-- 注意这里的Tab键 要使用 keydown监听，使用keyup监听无效，具体原因，希望有热心的网友给予指正-->

test(e) {
    e.preventDefault();		// 阻止Tab的默认事件
}