vue+elementui点击搜索

你需要一个搜索框和一个搜索按钮。搜索框用`<el-input>`组件实现，搜索按钮用`<el-button>`组件实现。当点击搜索按钮时，可以触发一个函数来处理搜索操作。

下面是一个简单的示例代码：

<template>
  <div>
    <el-input v-model="keyword" placeholder="请输入关键字"></el-input>
    <el-button type="primary" @click="handleSearch">搜索</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      keyword: ''
    }
  },
  methods: {
    handleSearch() {
      // 处理搜索逻辑
      console.log('搜索关键字：', this.keyword)
    }
  }
}
</script>

在上面的代码中，`<el-input>`组件绑定了一个`keyword`属性，用来保存用户输入的关键字。当用户输入关键字时，`keyword`属性会实时更新。`<el-button>`组件绑定了一个`handleSearch`方法，当用户点击搜索按钮时，该方法会被触发。在`handleSearch`方法中，你可以获取用户输入的关键字，然后执行搜索操作。在这个例子中，我们只是简单地将关键字打印到控制台上。

你可以根据自己的需求来扩展这个示例代码，比如在搜索框中添加默认值、限制输入字符数等等。