_elementui监听按钮">
当前位置:   article > 正文

ElementUI - <el-input> 组件监听回车键(事件)_elementui监听按钮

elementui监听按钮

前言

这种需求常见于搜索框,用户可以点击按钮,也可以输入框内直接回车键触发搜索。

ElementUI 文档中似乎没有提到过监听回车事件,
但可以原生实现。

解决方案

XXX 即为您要触发的函数。

@keyup.enter.native="XXX()"
  • 1

使用示例

以下示例,搭配搜索框及按钮:

<!-- 触发函数一致即可 -->
<el-input @keyup.enter.native="search()">
    <el-button @click="search()">
    搜索
    </el-button>
</el-input>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/244775
推荐阅读
相关标签