用element-ui做个搜索框

以下是使用Element UI制作搜索框的示例代码：

<template>
  <div>
    <el-input
      v-model="searchText"
      placeholder="请输入搜索内容"
      :suffix-icon="searchText ? 'el-icon-close' : 'el-icon-search'"
      @suffix-click="clearSearch"
      @keyup.enter="handleSearch"
    ></el-input>
    <el-button type="primary" @click="handleSearch">搜索</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchText: ''
    };
  },
  methods: {
    clearSearch() {
      this.searchText = '';
    },
    handleSearch() {
      // 处理搜索逻辑
      console.log('搜索内容：', this.searchText);
    }
  }
};
</script>

这个示例中使用了`el-input`组件来创建搜索框，通过`v-model`指令绑定了搜索框的值到`searchText`变量上。当输入框右边的清空图标被点击时，会触发`clearSearch`方法来清空搜索框的值。当按下回车键或点击搜索按钮时，会触发`handleSearch`方法来处理搜索逻辑。