微信小程序显示用户搜索历史记录功能实现

最新推荐文章于 2023-11-17 11:07:01 发布

sun_wei_tao

最新推荐文章于 2023-11-17 11:07:01 发布

阅读量7.7k

点赞数 4

分类专栏： WeChat 文章标签：小程序

本文链接：https://blog.csdn.net/qq_43447509/article/details/108243449

版权

这篇博客介绍了如何在微信小程序中实现用户搜索历史记录功能。内容包括首页输入框的布局和样式设置，以及历史搜索记录模块的WXML和JS代码实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

`效果是点击首页输入框跳转到搜索页面，用户搜索后将搜索的内容在历史搜索中展示` 如下图所示

在这里插入图片描述

首页输入框布局和样式这里我就不展示了 js就是点击跳转页面

历史搜索记录模块wxml

<view class="history">
    <!-- 历史搜索标题 -->
    <view class="his_head">
      <van-row>        
        <van-col span="20">          
          <view class="his_title">历史搜索</view>        
        </van-col>        
        <van-col span="4"