element ui 搜索框

Element UI提供了一个el-input组件，可以很方便地实现搜索框功能。以下是一个简单的示例代码：

<template>
  <div>
    <el-input
      placeholder="请输入搜索内容"
      v-model="searchText"
      @keyup.enter.native="search"
      suffix-icon="el-icon-search"
    />
  </div>
</template>

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

在上面的代码中，我们通过el-input组件实现了一个搜索框。其中，placeholder属性用于设置输入框的提示信息，v-model指令用于实现双向数据绑定，@keyup.enter.native事件用于监听回车键的按下事件，suffix-icon属性用于设置输入框后面的搜索图标。当用户在输入框中输入内容并按下回车键时，search方法会被调用，我们可以在该方法中处理搜索的逻辑。