当前位置： 首页 > article >正文

search搜索框功能完善

article 2025/3/13 23:49:41

1实现搜索建议列表

获取数据

2渲染列表建议

3.点击item项跳转到商品详情页

4.渲染搜索历史的基本结构

5.实现搜索建议和搜索历史的按需展示

6.处理搜索关键词

直接将搜索关键词 push 到 historyList 数组中即可

解决关键字前后顺序的问题

  定义一个计算属性 histories  ，将 historyList 数组 reverse 反转之后，就是此计算属性
的值：

解决关键词重复问题

 将搜索历史记录持久化存储到本地

7清空历史记录

8点击搜索历史跳转到商品列表页面

9.分支的合并与提交

将 search 分支进行本地提交：
git add .
git commit 
将本地的 search 分支推送到码云：
git push -u origin search
将本地 search 分支中的代码合并到 master 分支：
git checkout master
git merge search
git push
删除本地的 search 分支：
git branch -d search


http://www.kler.cn/a/583388.html

相关文章：

  • prompt大师高效提示词解析
  • spring boot和spring cloud的区别
  • 【网络安全 | 漏洞挖掘】四链路账户接管
  • Ubuntu22.04安装数据
  • [论文阅读]Trustworthiness in Retrieval-Augmented Generation Systems: A Survey
  • AI 学习笔记
  • 文件跨国传输如何加速？UDP改造机制解析
  • MySQL 全文搜索 (FULLTEXT) vs 合并字段模糊查询 (LIKE) 对比
  • 使用MySQL的Binlog来同步数据到ES当中
  • python爬虫碰到IP被封的情况，如何解决？
  • Netty基础—3.基础网络协议一
  • 养生，点亮健康生活
  • [密码学实战]Java实现国密TLSv1.3单向认证
  • hadoop 常用命令
  • 基于springboot vue实现的课程管理系统/教务管理
  • VBA 数据库同一表的当前行与其他行的主键重复判断实现方案1
  • JVM之Arthas的dashboard命令以及CPU飙高场景
  • Goland如何玩依赖注入——基于gone@v2创建一个service
  • Vue3中Vue.prototype.$project = base.getProjectName()的语法如何使用？
  • OSPF的LSA详解(报文分析+具体例子)