uniapp怎么写查找

如果你想在uniapp中实现查找功能，可以考虑以下步骤：

1. 定义一个搜索框组件，用于输入搜索关键词。
2. 定义一个列表组件，用于展示搜索结果。
3. 在搜索框组件中监听输入事件，获取搜索关键词。
4. 在列表组件中定义一个数据源，用于存储待搜索的数据列表。
5. 实现一个搜索函数，接收搜索关键词，遍历数据源，返回符合条件的搜索结果。
6. 在搜索框组件中调用搜索函数，得到搜索结果，传递给列表组件进行展示。

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

<!-- 搜索框组件 -->
<template>
  <div>
    <input type="text" v-model="keyword" @input="handleInput" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      keyword: "" // 搜索关键词
    };
  },
  methods: {
    handleInput() {
      this.$emit("search", this.keyword);
    }
  }
};
</script>

<!-- 列表组件 -->
<template>
  <div>
    <ul>
      <li v-for="item in searchResult" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  props: {
    dataSource: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
      searchResult: [] // 搜索结果
    };
  },
  watch: {
    // 监听数据源变化，更新搜索结果
    dataSource: {
      immediate: true,
      handler() {
        this.search(this.keyword);
      }
    }
  },
  methods: {
    search(keyword) {
      // 实现搜索函数
      this.searchResult = this.dataSource.filter(item => {
        return item.name.indexOf(keyword) !== -1;
      });
    }
  }
};
</script>

使用示例：

<template>
  <div>
    <SearchBox @search="handleSearch" />
    <List :dataSource="list" />
  </div>
</template>

<script>
import SearchBox from "@/components/SearchBox.vue";
import List from "@/components/List.vue";

export default {
  components: {
    SearchBox,
    List
  },
  data() {
    return {
      list: [
        { id: 1, name: "apple" },
        { id: 2, name: "banana" },
        { id: 3, name: "orange" },
        { id: 4, name: "pear" }
      ]
    };
  },
  methods: {
    handleSearch(keyword) {
      // 调用搜索函数更新列表组件的搜索结果
      this.$refs.list.search(keyword);
    }
  }
};
</script>

在上面的示例中，我们定义了一个SearchBox组件和一个List组件，分别用于输入搜索关键词和展示搜索结果。SearchBox组件监听输入事件，将搜索关键词传递给父组件，父组件再调用List组件的search方法进行搜索。List组件监听dataSource变化，使用watch来实现数据源的更新。在search函数中，我们使用了filter方法来过滤出符合条件的搜索结果，并将结果保存在searchResult中进行展示。