uni-app - 搜索历史记录功能（纯前端）

前言

网上大部分教程提供的代码都非常臃肿且 BUG 多，本文以最健壮的代码实现该功能，兼容多端。

本示例可直接用于您的项目，利用缓存特性可永久存储（除非用户手动清除缓存），

完成了搜索后自动写入历史、排序最新在前、相同记录去重、页面进入后自动获取记录等等。

---

本文将从 0-1 提供 超详细注释及代码，您可以轻松的进行改造，

为了您更好的抽离功能，没有过多的样式，示例仅完成了 “核心功能”，如下图所示：

示例代码

推荐使用平台提供的 一键复制 功能，避免漏选！

您随便找个新页面，直接复制全部代码运行起来即可。

<template>
	<view