Vue 存储浏览历史
2020-07-28 09:27
411 查看
//存放浏览历史 let name = JSON.parse(sessionStorage.getItem("userInfo")).nickname; let arr = []; arr = JSON.parse(localStorage.getItem("userBrowse")) ? JSON.parse(localStorage.getItem("userBrowse")) : []; //判断是否重复 console.log("a:", arr.length); let len = arr.filter((item) => { return item.username === name && item.id === this.goodsId; //用户名相同,id也相同的 }).length; console.log("长度:", arr, len); if (len === 0) { //没有改商品才存 let user = {}; user.username = name; //存放的用户名 user.browse = this.goodsInfo; //存放的商品数据 user.id = this.goodsId; //存放的商品id arr.push(user); localStorage.setItem("userBrowse", JSON.stringify(arr)); }
相关文章推荐
- 使用localStorage替代cookie做本地存储,例如最近浏览历史记录
- 网站个人中心,vue实现jwt验证,历史浏览记录,退出登录,邮件绑定
- 使用redis存储历史浏览记录
- vue利用local存储实现搜索历史记录
- 天猫app历史记录存储方便浏览
- 模拟亚马逊、淘宝等浏览记录(历史记录)功能(访问集合存储的数据)
- 模拟京东网上商城--商品浏览历史
- localStorage 历史存储小工具
- 本地存储搜索历史记录工具类
- 使用cookies实现浏览历史记录功能
- 商城项目中cookie 实现历史浏览商品并排序
- jquery使用Cookie和JSON记录用户最近浏览历史
- 使用Vue构建Ionic混合APP系列教程(四):数据存储
- vuex下state数据的存储
- 有人问起让textbox不存储历史纪录,所以就放到这里备查
- 用JS实现浏览历史记录功能
- Vue - 实现简单类数据存储效果(操作数组)
- 分表减轻数据库存储历史搜索记录压力
- javaweb商城之后端(无框架)(三)浏览历史记录
- vue、uniapp使用localstorage完成历史搜索功能