0
点赞
收藏
分享

微信扫一扫

vue手机端项目-搜索历史

探头的新芽 2022-03-14 阅读 57

search/index.vuedata添加一个数据用来存储历史记录

在触发搜索的时候,记录历史记录

 

展示历史记录

父组件search/index.vue传递数据

子组件search-history.vue接收数据 

 

渲染数据

 

 删除历史记录

处理删除相关元素的展示状态,在 data 中添加一个数据用来控制删除相关元素的显示状态

绑定

 

处理删除操作

 

 

父组件search/index.vue监听自定义事件,执行搜索操作和删除全部操作

 

数据持久化

search/index.vue中利用 watch 监视统一存储数据

 

 

初始化的时候从本地存储获取数据

 

 

 

举报

相关推荐

0 条评论