HarmonyOS 应用开发实战篇——搜索功能实现案例

往期知识点整理

• 鸿蒙（HarmonyOS）北向开发知识点记录~
• 被裁员后，踏上了鸿蒙开发求职之路
• 持续更新中……

介绍

本示例介绍使用includes方法对数据实现模糊查询

效果图预览

使用说明

1. 点击首页搜索框跳转到搜索页面
2. 在搜索页面输入框中输入搜索的内容，下方列表自动根据搜索的内容进行筛选渲染
3. 点击筛选后的列表跳转到相应的页面
4. 跳转后会保存搜索历史，搜索历史使用持久化存储处理退出应用再次进入依旧存在
5. 点击搜索历史可以跳转到相应页面

实现思路

1. 通过include方法判读是否存在符合条件的数据。

  searchFunc(value: string) {
   
    let newListData: ListData[] = [];
    if (this.searchListData !== undefined) {
   
      for (let i = 0; i < this.searchListData.length; i++) {