搜索框展示搜索记录，展示内容限制十条，可点击搜索，可单条随意删除删除，求解答
6条回答 默认 最新
心是拔凉滴 2022-01-14 14:43关注用户每次搜索后，可以将用户搜索的内容存在浏览器本地
文本框获取焦点，从浏览器本地获取用户的搜索记录，展示出来
清除某条搜索记录，只需要删除浏览器本地某条数据就行了评论 打赏解决 2无用举报 编辑记录
分享
- 2020-12-20 22:53weixin_39792686的博客 播放器项目中歌曲搜素页面的首先需要在state定义搜索历史，在其中保存搜索历史state.js:// 搜索历史：searchHistory: []mutations中新增改变搜索历史的方法mutations.js:SET_SEARCH_HISTORY(state, history) {state....
- 2024-07-20 21:43前端组件开发的博客 前端Vue自定义顶部搜索框：实现热门搜索与历史搜索功能摘要：随着前端开发复杂性的增加，组件化开发成为了提高效率和降低维护成本的有效手段。本文介绍了一个基于Vue的前端自定义顶部搜索框组件，该组件不仅具备基本...
- 2022-05-05 17:47zeddme的博客 笔者vue项目有一个需求，搜索框添加历史搜索记录。想着很久没更新博客了，记录一下吧。 PS：pinia+vue3+vant+ts，或许你在使用vue2的语法，不要紧，可以根据自己的需求简单改改。 效果图 正文 搜索框的逻辑就不介绍...
- 2021-01-12 18:49江河湖海流的博客 先看效果这里有两个组件，一个组件是logo部分的，一个是搜索框部分的。htmlhtml很简单，就是引用两个组件。//js还要实例#appvar app = new Vue({el: "#app"})logo先来分析，首先一个显示搜索引擎的图片，这...
- 2023-07-06 09:25前端组件开发的博客 搜索
- 2023-10-10 08:45st646889325的博客 2.搜索相同的值，要删除旧数据，把新数据放进数组首位。1.点击搜索，把搜索的值存入本地记录，并展示。
- 2021-01-12 18:49Yang Yanzhe的博客 这个搜索功能的实现很简单，无论是方法还是逻辑(思路在文章末尾)，使用的仅仅只有filter和match这两个方法，那现在就上两个简易的demo吧！Demo1：输入框内容改变自动搜索HTML代码{{item}}VUE代码new Vue({el: "#app...
- 2021-01-12 18:49东京麽爱情故事的博客 首先，来看下效果图(样式什么的就不必吐槽了哈)搜索记录://用于保存记录信息* {margin: 0;padding: 0;}input {border: 0;vertical-align: middle;float: left;}#searchbox {width: 300px;height: 50px;background: #...
- 2021-01-30 13:43weixin_39604685的博客 vue实现搜索显示历史搜索记录,采用插件-good-storage安装插件npm install good-storage -S在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条，并且新的插入在第一位，首先得到...
- 2024-06-12 16:13拿铁不加冰_的博客 === 0) } }, // 点击搜索按钮的时候存储（可根据需要修改） setIntoStorage() { const noArr = []// 历史记录数组 const value = this.supplierParams.gChname const cnoOrName = 'coOrName' // 检查 value 是否非空...
- 没有解决我的问题, 去提问
问题事件
创建了问题
1月14日