vue3 搜索框按回车键搜索

招手熊

已于 2023-04-23 21:32:36 修改

阅读量1.2k

点赞数

文章标签： vue

于 2023-04-23 21:29:52 首次发布

本文链接：https://blog.csdn.net/dorlolo/article/details/130331064

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章讲述了在Vue.js中如何使用v-on:keydown.enter指令监听输入框的回车事件，并展示了对应的事件处理函数enterPressHadlerSearch。当用户按下回车键（keyCode为13）时，触发特定的处理逻辑。

摘要由CSDN通过智能技术生成

监听输入框的回车键 `v-on:keydown.enter`

<el-input
          v-model="searchWords"
          placeholder="关键字搜索  标签/路径/接口说明"
          clearable
          class="inputText"
          v-on:keydown.enter="enterPressHadlerSearch"
        />

监听事件处理函数

const enterPressHadlerSearch = e => {
	console.log("e",e);
    if (e.keyCode === 13) {//代码13对应回车键点击事件
      //处理函数 ...
      // ...
      // ...
    }
};