vue input enter回车搜索

在Vue中，可以通过监听input的keydown事件，当按下回车键时触发搜索操作。以下是一个示例代码：

<template>
  <div>
    <input type="text" v-model="searchText" @keydown.enter="search">
    <button @click="search">搜索</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchText: ''
    }
  },
  methods: {
    search() {
      // 在这里执行搜索操作，可以使用this.searchText获取搜索关键字
      console.log('搜索关键字:', this.searchText);
    }
  }
}
</script>

在上面的代码中，我们使用了v-model指令将input的值绑定到了searchText属性上。然后，我们监听了input的keydown.enter事件，当按下回车键时触发search方法进行搜索操作。此外，我们还添加了一个按钮，点击按钮也会触发搜索操作。

在search方法中，你可以根据实际需求执行相应的搜索逻辑，例如发送请求到后端获取搜索结果，或者过滤本地数据等。在示例代码中，我们只是简单地使用console.log打印搜索关键字，你可以根据自己的需求进行替换