当前位置: 首页 > news >正文

vue本地缓存搜索记录(最多4条)

核心代码

      //保存到搜索历史,最多存四个 item.name和item.code格式为:塞力斯000001var history = uni.getStorageSync('history') || [];console.log("history==", history)var index = history.findIndex((items) => {return item.name == items.name && item.code == items.code;});if (index != -1) {history.splice(index, 1);}history.unshift({name: item.name,code: item.code,foxxcode: item.foxxcode,});uni.setStorageSync('history', history.slice(0, 4));

全部代码

<template><view class="u-list-item" :class="'line-'+themeColor.name"><view @click="gotoDetail(item)" style="display: flex;flex-direction: row;width: 90%;"><text :class="'text-'+themeColor.name" class="list-item-name">{{ item.name }}</text><text class="list-item-sx">{{ item.code }}</text><text class="list-item-sx">{{ item.sx }}</text></view><view style="flex-direction: column;float: right;align-items: center;" v-show="!this.isCollection"><image @click="collection(item.code)" class="icon-right-child" :src="'/static/add.png'"/></view></view>
</template><script>
export default {data() {return {group_id: "",isLogin: false,isCollection: false,codes: [],};},created() {this.group_id = this.$groudId();this.isLogin = this.$isLogin();this.codes = this.$focusCodes();if (this.codes.indexOf(this.item.code) > 0) {this.isCollection = true;}},props: {item: Object,iconsize: {type: String,default: '36'},fontweight: {type: String,default: 'blod'},fontsize: {type: String,default: '30'}},methods: {gotoDetail(item) {uni.navigateTo({url: "../main/stock-detail?code=" + item.code + "&foxxcode=" + item.foxxcode})//保存到搜索历史,最多存四个 item.name和item.code格式为:塞力斯000001var history = uni.getStorageSync('history') || [];console.log("history==", history)var index = history.findIndex((items) => {return item.name == items.name && item.code == items.code;});if (index != -1) {history.splice(index, 1);}history.unshift({name: item.name,code: item.code,foxxcode: item.foxxcode,});uni.setStorageSync('history', history.slice(0, 4));},collection(code) {if (!this.isLogin) {this.$toast("请先登录");return;}if (this.group_id != "") {var _this = this;this.request({urlInfo: this.$REQUEST.INSERT_STOCK,body: {group_id: this.group_id,codes: code,},success(res) {_this.isCollection = true;console.log("insert_stocks-success==", res)},fail: (res) => {console.log("insert_stocks-fail==", res)}})}},}
};
</script><style lang="scss">
.u-list-item {height: 100rpx;align-items: center;display: flex;align-items: center;border-bottom-style: solid;border-bottom-width: 0.5px;margin-left: 30rpx;margin-right: 30rpx;
}.list-item-name {margin-left: 20rpx;font-weight: bold;
}.list-item-sx {margin-left: 20rpx;padding-top: 6rpx;color: #7F7F7F;
}.icon-right-child {width: 45rpx;height: 45rpx;margin-top: 10rpx;
}
</style>

点击清除历史

   clearhistory() {uni.removeStorageSync('history');this.historyList = [];},

使用

  onShow() {this.historyList = uni.getStorageSync('history') || [];console.log("historyList==", this.historyList)},

相关文章:

vue本地缓存搜索记录(最多4条)

核心代码 //保存到搜索历史&#xff0c;最多存四个 item.name和item.code格式为&#xff1a;塞力斯000001var history uni.getStorageSync(history) || [];console.log("history", history)var index history.findIndex((items) > {return item.name items.nam…...

Linux创建Macvlan网络

最近在看Docker的网络&#xff0c;测试Macvlan部分时&#xff0c;发现Docker创建Macvlan与预期测试结果不一样。所以查阅了Linux下配置Macvlan&#xff0c;记录如下。 参考 1.Linux Macvlan 2.图解几个与Linux网络虚拟化相关的虚拟网卡-VETH/MACVLAN/MACVTAP/IPVLAN 3.创建ma…...

从企业级负载均衡到云原生,深入解读F5

上世纪九十年代&#xff0c;Internet快速发展催生了大量在线网站&#xff0c;Web访问量迅速提升。在互联网泡沫破灭前&#xff0c;这个领域基本是围绕如何对Web网站进行负载均衡与优化。从1997年F5发布了BIG-IP&#xff0c;到快速地形成完整ADC产品线&#xff0c;企业级负载均衡…...

什么是redis雪崩

Redis雪崩是指在使用Redis作为缓存数据库时&#xff0c;由于某种原因导致Redis服务器不可用或性能严重下降&#xff0c;从而导致大量的请求集中到数据库服务器上&#xff0c;甚至直接导致数据库服务器崩溃。 当Redis服务器出现雪崩时&#xff0c;原本应该被缓存的数据无法从缓…...

[足式机器人]Part2 Dr. CAN学习笔记-Ch00 - 数学知识基础

本文仅供学习使用 本文参考&#xff1a; B站&#xff1a;DR_CAN Dr. CAN学习笔记-Ch00 - 数学知识基础 1. Ch0-1矩阵的导数运算1.1标量向量方程对向量求导&#xff0c;分母布局&#xff0c;分子布局1.1.1 标量方程对向量的导数1.1.2 向量方程对向量的导数 1.2 案例分析&#xf…...

Jmeter、postman、python 三大主流技术如何操作数据库?

只要是做测试工作的&#xff0c;必然会接触到数据库 1、前言 只要是做测试工作的&#xff0c;必然会接触到数据库&#xff0c;数据库在工作中的主要应用场景包括但不限于以下&#xff1a; 功能测试中&#xff0c;涉及数据展示功能&#xff0c;需查库校验数据正确及完整性&…...

IRIS、Cache系统类汉化

文章目录 系统类汉化简介标签说明汉化系统包说明效果展示类分类%Library包下的类重点类非重点类弃用类数据类型类工具类 使用说明 系统类汉化 简介 帮助小伙伴更加容易理解后台系统程序方法使用&#xff0c;降低代码的难度。符合本土化中文环境的开发和维护&#xff0c;有助于…...

【三维生成】稀疏重建、Image-to-3D方法(汇总)

系列文章目录 总结一下近5年的三维生成算法&#xff0c;持续更新 文章目录 系列文章目录一、LRM&#xff1a;单图像的大模型重建&#xff08;2023&#xff09;摘要1.前言2.Method3.实验 二、SSDNeRF&#xff1a;单阶段Diffusion NeRF的三维生成和重建&#xff08;ICCV 2023&am…...

Java基础知识:单元测试和调试技巧

在Java编程中&#xff0c;单元测试和调试是提高代码质量和开发效率的重要环节。通过单元测试&#xff0c;我们可以验证代码的正确性&#xff0c;而调试则帮助我们找出并修复代码中的错误。本文将介绍Java中的单元测试和调试技巧&#xff0c;并提供相关示例代码&#xff0c;帮助…...

[c]扫雷

题目描述 扫雷游戏是一款十分经典的单机小游戏。在n行m列的雷区中有一些格子含有地雷&#xff08;称之为地雷格&#xff09;&#xff0c;其他格子不含地雷&#xff08;称之为非地雷格&#xff09;。 玩家翻开一个非地雷格时&#xff0c;该格将会出现一个数字——提示周围格子中…...

数据结构-十大排序算法

数据结构十大排序算法 十大排序算法分别是直接插入排序、折半插入排序、希尔排序、冒泡排序、快速排序、简单选择排序、堆排序、归并排序、基数排序、外部排序。 其中插入排序包括直接插入排序、折半插入排序、希尔排序&#xff1b;交换排序包括冒泡排序、快速排序&#xff1…...

Apache RocketMQ,构建云原生统一消息引擎

本文整理于 2023 年云栖大会林清山带来的主题演讲《Apache RocketMQ 云原生统一消息引擎》 演讲嘉宾&#xff1a; 林清山&#xff08;花名&#xff1a;隆基&#xff09;&#xff0c;Apache RocketMQ 联合创始人&#xff0c;阿里云资深技术专家&#xff0c;阿里云消息产品线负…...

(四) ClickHouse 中使用 `MaterializedMySQL` 引擎单独同步 MySQL 数据库中的特定表(例如 `aaa` 和 `bbb`)

要在 ClickHouse 中使用 MaterializedMySQL 引擎单独同步 MySQL 数据库中的特定表&#xff08;例如 aaa 和 bbb&#xff09;&#xff0c;您可以使用 TABLE OVERRIDE 功能。这个功能允许您指定要同步的特定表&#xff0c;同时忽略其他表。以下是步骤说明&#xff1a; 1. 启用 M…...

TikTok真题第4天 | 1366. 通过投票对团队排名、1029.两地调度、562.矩阵中最长的连续1线段

1366. 通过投票对团队排名 题目链接&#xff1a;rank-teams-by-votes/ 解法&#xff1a; 这道题就是统计每个队伍在每个排名的投票数&#xff0c;队伍为A、B、C&#xff0c;则排名有1、2、3&#xff0c;按照投票数进行降序排列。如果有队伍在每个排名的投票数都一样&#xf…...

时序预测 | Matlab实现SSA-CNN-LSTM麻雀算法优化卷积长短期记忆神经网络时间序列预测

时序预测 | Matlab实现SSA-CNN-LSTM麻雀算法优化卷积长短期记忆神经网络时间序列预测 目录 时序预测 | Matlab实现SSA-CNN-LSTM麻雀算法优化卷积长短期记忆神经网络时间序列预测预测效果基本介绍程序设计参考资料 预测效果 基本介绍 MATLAB实现SSA-CNN-LSTM麻雀算法优化卷积长短…...

负载均衡——Ribbon

文章目录 Ribbon和Eureka配合使用项目引入RibbonRestTemplate添加LoadBalanced注解注意自定义均衡方式代码注册方式配置方式 Ribbon脱离Eureka使用 Ribbon&#xff0c;Nexflix发布的负载均衡器&#xff0c;有助于控制HTTP和TCP客户端的行为。基于某种负载均衡算法&#xff08;轮…...

7.微服务设计原则

1.微服务演进策略 从单体应用向微服务演进策略: 绞杀者策略&#xff0c;修缮者策略的另起炉灶策略&#xff1b; 绞杀者策赂 绞杀者策略是一种逐步剥离业务能力&#xff0c;用微服务逐步替代原有单体应用的策略。它对单体应用进行领域建模&#xff0c;根据领域边界&#xff0…...

【MATLAB库函数系列】线性调频Z(Chirp-Z,CZT)的MATLAB源码和C语言实现

在上一篇博客 【数字信号处理】线性调频Z(Chirp-Z,CZT)算法详解 已经详细介绍了CZT变换的应用背景和原理,先回顾一下: 回顾CZT算法 采用 FFT 算法可以很快计算出全部 N N N点 DFT 值,即Z变换 X ( z ) X(z) <...

BIT-6-指针(C语言初阶学习)

1. 指针是什么 2. 指针和指针类型 3. 野指针 4. 指针运算 5. 指针和数组 6. 二级指针 7. 指针数组 1. 指针是什么&#xff1f; 指针是什么&#xff1f; 指针理解的2个要点&#xff1a; 指针是内存中一个最小单元的编号&#xff0c;也就是地址平时口语中说的指针&#xff0c;通常…...

傻瓜式教学Docker 使用docker compose部署 php nginx mysql

首先你可以准备这个三个服务,也可以在docker compose 文件中 直接拉去指定镜像,这里演示的是镜像服务已经在本地安装好了,提供如下: PHP # 设置基础镜像 FROM php:8.2-fpm# install dependencies RUN apt-get update && apt-get install -y \vim \libzip-dev \libpng…...

GraphRAG实战:我是如何用它分析公司内部文档,让客服响应时间缩短近30%的

GraphRAG实战&#xff1a;我是如何用它分析公司内部文档&#xff0c;让客服响应时间缩短近30%的 作为一家中型电商企业的技术负责人&#xff0c;我最近半年一直在与客服团队的一个顽固问题搏斗&#xff1a;每当新品上线或促销活动期间&#xff0c;客服人员需要花费大量时间在不…...

Oracle 身份证号码解析与年龄计算实战指南

1. 身份证号码解析基础 身份证号码作为个人身份标识&#xff0c;蕴含着丰富的个人信息。在Oracle数据库中处理身份证数据时&#xff0c;首先需要理解其编码规则。我国现行18位身份证号码由6位地区码、8位出生日期、3位顺序码和1位校验码组成。其中第7到14位就是关键的出生日期信…...

Betaflight 2025.12:Azure RTOS架构重构带来的无人机飞控性能革命

Betaflight 2025.12&#xff1a;Azure RTOS架构重构带来的无人机飞控性能革命 【免费下载链接】betaflight Open Source Flight Controller Firmware 项目地址: https://gitcode.com/gh_mirrors/be/betaflight Betaflight作为全球最流行的开源无人机飞控固件&#xff0c…...

构建智能压枪系统:罗技鼠标宏的底层技术与实战优化

构建智能压枪系统&#xff1a;罗技鼠标宏的底层技术与实战优化 【免费下载链接】logitech-pubg PUBG no recoil script for Logitech gaming mouse / 绝地求生 罗技 鼠标宏 项目地址: https://gitcode.com/gh_mirrors/lo/logitech-pubg 问题剖析&#xff1a;后坐力控制的…...

SRS+WebRTC直播搭建实录:用安卓手机做推流器的5个关键步骤

SRSWebRTC直播搭建实录&#xff1a;用安卓手机做推流器的5个关键步骤 移动直播的轻量化趋势正在重塑内容创作生态。当专业摄像机与PC推流设备显得笨重时&#xff0c;一台随身携带的安卓手机配合SRSWebRTC技术栈&#xff0c;就能实现低于500ms延迟的直播推流方案。本文将拆解从设…...

重构时间选择体验:flatpickr的现代前端实践指南

重构时间选择体验&#xff1a;flatpickr的现代前端实践指南 【免费下载链接】flatpickr lightweight, powerful javascript datetimepicker with no dependencies 项目地址: https://gitcode.com/gh_mirrors/fl/flatpickr 问题引入&#xff1a;你的时间选择器是否还在制…...

极速打造你的随身游戏宝库:Playnite便携版实战秘籍

极速打造你的随身游戏宝库&#xff1a;Playnite便携版实战秘籍 【免费下载链接】Playnite Video game library manager with support for wide range of 3rd party libraries and game emulation support, providing one unified interface for your games. 项目地址: https:…...

效率倍增:用快马生成万文通核心文本处理模块,告别重复编码

效率倍增&#xff1a;用快马生成万文通核心文本处理模块&#xff0c;告别重复编码 最近在开发一个多语言文本处理工具"万文通"&#xff0c;需要频繁实现翻译、摘要和关键词提取功能。每次从零开始写这些基础模块太耗时&#xff0c;于是我尝试用InsCode(快马)平台快速…...

C/C++调试神器:5分钟搞定backtrace打印调用栈(附完整代码)

C/C调试实战&#xff1a;5分钟集成智能调用栈追踪工具 当你的C/C程序在深夜突然崩溃&#xff0c;控制台只留下一行"Segmentation fault"时&#xff0c;那种绝望感每个开发者都体会过。传统的调试方式往往需要反复加日志、断点跟踪&#xff0c;效率低下。本文将带你用…...

基于CIEDE2000标准的AI图像分层技术:从像素聚类到设计效率革命

基于CIEDE2000标准的AI图像分层技术&#xff1a;从像素聚类到设计效率革命 【免费下载链接】layerdivider A tool to divide a single illustration into a layered structure. 项目地址: https://gitcode.com/gh_mirrors/la/layerdivider 在数字设计领域&#xff0c;将…...