在前端项目开发过程中,为优化用户体验,可考虑在用户输入查询条件后按回车键实现搜索效果。实现方法如下:
el-input
监听键盘按下状态得用@keyup.enter.native
,如果是非el-input
组件,可以直接用@keyup.enter
。
<el-input @keyup.enter.native="search" v-model='form.searchAttr' ></el-input>
<input @keyup.enter="search" ></el-input>
在Vue
中,已经为常用的按键设置了别名,这样我们就无需再去匹配keyCode
,直接使用别名就能监听按键的事件。
其常用的快捷键如下图所示:
标签:el,Vue,进阶,keyup,输入框,enter,input,监听 From: https://blog.51cto.com/shq5785/7967455