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

iview Table实现跨页勾选记忆功能以及利用ES6的Map数据结构实现根据id进行对象数组的去重

news 2026/4/6 21:37:36

因为iview Table组件的勾选是选中当前页的所有数据，当我们切到别的页面时，会发送请求给后端，这个时候就会刷新我们之前页码已经选中的数据。现在有个需求就是，在我们选择不同页码的数据勾选中之后，实现跨页勾选记忆功能，就是说已经打钩了的数据，不管切到哪一页它都是打钩状态。效果如下，第一页勾了10条，第二页勾了2条，第三页勾了1条：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
实现思路就是Table组件的columns里配置 type: "selection"开启勾选功能，然后利用 **@on-selection-change=“onSelectChange” @on-select-cancel=“onSelectCancel”**这两个方法，
这里我封装了一个去重方法deWeightThree，它可以根据对象数组里id进行去重。onSelectChange方法里如果val有值表示勾选中了某一条，否则就是取消全选当前页的数据。我们在data里定义了一个数组selectArr，用于存储我们当前所有页面已经选中打钩的数据。getTableData_new获取当前页table数据，需注意的是在我们调获取当前页table数据的接口成功后&

相关文章：

iview Table实现跨页勾选记忆功能以及利用ES6的Map数据结构实现根据id进行对象数组的去重

因为iview Table组件的勾选是选中当前页的所有数据，当我们切到别的页面时，会发送请求给后端，这个时候就会刷新我们之前页码已经选中的数据。现在有个需求就是，在我们选择不同页码的数据勾选中之后，实现跨页勾选记忆功能，就是说已经打钩了的数据，不管切到哪一页它都是打钩…...

编程日记 2023/12/12 15:46:10

【Spring 源码】 贯穿 Bean 生命周期的核心类之 AbstractAutowireCapableBeanFactory

🚀 作者主页： 有来技术 🔥 开源项目： youlai-mall 🍃 vue3-element-admin 🍃 youlai-boot 🌺 仓库主页： Gitee 💫 Github 💫 GitCode 💖 欢迎点赞…...

编程日记 2023/12/12 15:45:09

漏洞复现-某友UFIDA NC系统某接口未授权访问漏洞（附漏洞检测脚本）

免责声明 文章中涉及的漏洞均已修复，敏感信息均已做打码处理，文章仅做经验分享用途，切勿当真，未授权的攻击属于非法行为！文章中敏感信息均已做多层打马处理。传播、利用本文章所提供的信息而造成的任何直接或者间接的…...

编程日记 2023/12/12 15:38:02

树莓派5安装opencv

1 建立虚拟环境 参考网站 https://www.piwheels.org/faq.html#venv 虚拟环境建立过程： To create a virtual environment: $ sudo apt install virtualenv python3-virtualenv -y $ virtualenv -p /usr/bin/python3 testpip sudo apt install virtualenv pytho…...

编程日记 2023/12/12 15:34:59

【测试开发】Python+Django实现接口测试工具

PythonDjango接口自动化 引言： 最近被几个公司实习生整自闭了，没有基础，想学自动化又不知道怎么去学，没有方向没有头绪，说白了其实就是学习过程中没有成就感，所以学不下去。出于各种花里胡哨的原因&#xf…...

编程日记 2023/12/12 15:33:58

从 MQTT、InfluxDB 将数据无缝接入 TDengine，接入功能与 Logstash 类似

利用 TDengine Enterprise 和 TDengine Cloud 的数据接入功能，我们现在能够将 MQTT、InfluxDB 中的数据通过规则无缝转换至 TDengine 中，在降低成本的同时，也为用户的数据转换工作提供了极大的便捷性。由于该功能在实现及使用上与 Logstash 类…...

编程日记 2023/12/12 15:32:57

友元c++

#include <iostream> #include <string> using namespace std; class Lovers//爱人关系,基类 { public: Lovers(string theName);// void kiss(Lovers *lover); void ask(Lovers *lover, string something); protected: string name; friend cla…...

编程日记 2023/12/12 15:31:57

java: 错误: 不支持发行版本 6

文章目录 背景一、问题二、问题排查三、最终解决方案 背景 我本地安装的jdk版本是jdk 17&#xff0c;在项目父工程中配置的版本是8版本&#xff0c;每次我启动项目时都会报错。 一、问题 二、问题排查 首先我排查了父工程pom.xml中的配置&#xff0c;配置的是8版本&#xff0…...

编程日记 2023/12/12 15:29:55

qml刷新C++中的QImage图像

第一步&#xff1a;重写QQuickImageProvider类 #include <QQuickImageProvider>class CQuickImagePainter : public QQuickImageProvider { public:CQuickImagePainter();QImage requestImage(const QString&id, QSize *, const QSize &);QPixmap requestPixm…...

编程日记 2023/12/12 15:27:53

IJCAI 2024 International Joint Conference on Artificial Intelligence

目录 1、 重要1.1 官网&#xff1a;1.2 提交网址&#xff1a;1.3 模板 &#xff08;latex & word&#xff09; 2、 Call for Papers2.1 Important Dates2.2 Details 3、 注意事项4 New in 20245 Simplified procedure for resubmission information6、 Submission Process …...

编程日记 2023/12/12 15:26:52

使用Python Flask搭建Web问答应用程序并发布到公网远程访问

使用Python Flask搭建web问答应用程序框架&#xff0c;并发布到公网上访问 文章目录 使用Python Flask搭建web问答应用程序框架&#xff0c;并发布到公网上访问前言1. 安装部署Flask并制作SayHello问答界面2. 安装Cpolar内网穿透3. 配置Flask的问答界面公网访问地址4. 公网远程…...

编程日记 2023/12/12 15:18:44

android 13.0 app应用安装白名单

1.概述 在13.0系统rom定制化开发中,客户需求要实现应用安装白名单功能，在白名单之中的应用可以安装，其他的app不准安装，实现一个 控制app安装的功能，这需要从app安装流程入手就可以实现功能 PMS就是负责管理app安装的，功能就添加在这里就可以了，接下来看具体实现这个功能…...

编程日记 2023/12/12 15:17:43

SSL证书HTTPS保护服务

SSL证书属于数字证书的其中一种&#xff0c;广泛用于https协议&#xff0c;从而可以让数据传输在加密前提下完成&#xff0c;确保HTTPS网络安全是申请SSL证书必要工作。 SSL证书是主要用于https是一种加密协议&#xff0c;仔细观察网站地址会发现目前主流的网址前面都会有http…...

编程日记 2023/12/12 15:12:39

快速认识什么是：Docker

Docker&#xff0c;一种可以将软件打包到容器中并在任何环境中可靠运行的工具。但什么是容器以及为什么需要容器呢&#xff1f;今天就来一起学快速入门一下Docker吧&#xff01;希望本文对您有所帮助。 假设您使用 Cobol 构建了一个在某种奇怪风格的 Linux 上运行的应用程序。您…...

编程日记 2023/12/12 15:11:38

c语言青蛙跳台阶

"青蛙跳台阶"问题是一个经典的动态规划问题&#xff0c;经常被用来解释动态规划的基本概念。问题的描述是&#xff1a;假设一只青蛙可以跳上1级或2级台阶&#xff0c;如果有n级台阶&#xff0c;那么青蛙有多少种跳法。 在C语言中&#xff0c;我们可以使用动态规划来…...

编程日记 2023/12/12 15:10:38

IntelliJ IDEA 2023.3 最新版如何试用?IntelliJ IDEA 2023.3 最新版试用方法

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页——&#x1f405;&#x1f43e;猫头虎的博客&#x1f390; &#x1f433; 《面试题大全专栏》 &#x1f995; 文章图文…...

编程日记 2023/12/12 15:07:35

Java参数校验详解：使用@Valid注解和自定义注解进行参数验证

很多时候我们需要使用不少if、else等等逻辑判断及验证&#xff0c;这样在进行一些重复的参数校验会很麻烦&#xff0c;且以后要维护也会吃力。 而这样就可以使用javax.validation。验证&#xff08;Validation&#xff09;常见的验证操作包括验证数据的类型、格式、长度、范围、…...

编程日记 2023/12/12 15:06:34

多维时序 | MATLAB实现BWO-CNN-BiGRU-Multihead-Attention多头注意力机制多变量时间序列预测

多维时序 | MATLAB实现BWO-CNN-BiGRU-Multihead-Attention多头注意力机制多变量时间序列预测 目录 多维时序 | MATLAB实现BWO-CNN-BiGRU-Multihead-Attention多头注意力机制多变量时间序列预测预测效果基本介绍模型描述程序设计参考资料 预测效果 基本介绍 MATLAB实现BWO-CNN-B…...

编程日记 2023/12/12 15:03:31

C++ 中的引用

文章目录 C 引用的应用1. 修改函数中传递的参数2. 避免复制大型结构3. for 循环中修改所有对象4. for 循环中避免复制对象 References vs Pointers引用的限制使用引用的优点练习Quesition 1Question 2Question 3Question 4Question 5Question 6 如果一个变量被声明为引用&#…...

编程日记 2023/12/12 15:02:30

MQ-Det: Multi-modal Queried Object Detection in the Wild

首个支持视觉和文本查询的开放集目标检测方法 NeurIPS2023 文章&#xff1a;https://arxiv.org/abs/2305.18980 代码&#xff1a;https://github.com/YifanXu74/MQ-Det 主框图 摘要 这篇文章提出了MQ-Det&#xff0c;一种高效的架构和预训练策略&#xff0c;它利用文本描述的…...

编程日记 2023/12/12 15:01:27

典型的TCP客户端单次事务处理VI 通过已建立的TCP连接，发送一段数据（命令/字符串），等待设备响应后读取指定字节数的返回数据

这个VI程序框图详细解析&#xff08;LabVIEW TCP通信事务VI&#xff09;这是一个典型的TCP客户端单次事务处理VI&#xff08;常命名为“TCP Send & Receive.vi”或“TCP通信子VI”&#xff09;。 它的核心功能是&#xff1a;通过已建立的TCP连接&#xff0c;发送一段数据&a…...

编程新知 2026/4/6 20:03:09

MiniCPM-V-2_6效果展示：多图推理、视频理解、强大OCR，免费本地运行真香

MiniCPM-V-2_6效果展示&#xff1a;多图推理、视频理解、强大OCR&#xff0c;免费本地运行真香 1. 惊艳开场&#xff1a;8B小身材&#xff0c;多模态大能量 当我第一次在自己的笔记本上运行MiniCPM-V-2_6时&#xff0c;完全被这个仅有8B参数的"小模型"震撼到了。它…...

编程新知 2026/4/6 19:16:52

告别DCOM噩梦：手把手教你用KepOPC DA2UA中间件搞定OPC DA到UA的转换（附Python读写测试代码）

工业数据互通新范式&#xff1a;零配置实现OPC DA到UA的无缝迁移实战 如果你是一名工业自动化工程师&#xff0c;一定对这样的场景不陌生&#xff1a;凌晨两点还在客户现场调试DCOM配置&#xff0c;反复检查防火墙规则、用户权限和网络策略&#xff0c;却依然无法让OPC DA客户端…...

编程新知 2026/4/6 17:37:30

高通MSM8953平台LCD驱动移植实战：从屏厂手册到点亮屏幕的完整避坑指南

高通MSM8953平台LCD驱动移植实战&#xff1a;从屏厂手册到点亮屏幕的完整避坑指南 第一次拿到新LCD屏的规格书时&#xff0c;那种既兴奋又忐忑的心情至今记忆犹新。作为嵌入式驱动工程师&#xff0c;我们常常需要在有限的时间内完成新硬件的bring up工作&#xff0c;而LCD驱动移…...

编程新知 2026/4/6 17:05:21

3个关键优化：如何让Stable Diffusion模型在普通硬件上流畅运行？

3个关键优化&#xff1a;如何让Stable Diffusion模型在普通硬件上流畅运行&#xff1f; 【免费下载链接】chilloutmix_NiPrunedFp32Fix 项目地址: https://ai.gitcode.com/hf_mirrors/emilianJR/chilloutmix_NiPrunedFp32Fix 你是否曾经尝试运行Stable Diffusion模型&a…...

编程新知 2026/4/6 15:14:16

AI-Youtube-Shorts-Generator完全指南：从安装到批量处理

AI-Youtube-Shorts-Generator完全指南&#xff1a;从安装到批量处理 【免费下载链接】AI-Youtube-Shorts-Generator A python tool that uses GPT-4, FFmpeg, and OpenCV to automatically analyze videos, extract the most interesting sections, and crop them for an impro…...

编程新知 2026/4/6 12:40:00

5分钟搞定Node.js+ws搭建实时聊天室（附完整前端代码）

5分钟实现高互动WebSocket聊天室&#xff1a;Node.jsws全栈实战指南 从零构建实时通信系统 在数字化协作时代&#xff0c;实时通信已成为在线应用的基础能力。想象这样一个场景&#xff1a;团队远程协作时&#xff0c;成员间的消息需要毫秒级同步&#xff1b;在线教育平台中&am…...

编程新知 2026/4/6 11:55:26

从L2到Wing Loss：人脸关键点检测损失函数演进与实战解析

1. 人脸关键点检测与损失函数基础 人脸关键点检测是计算机视觉中的一项基础任务&#xff0c;需要精确定位眼睛、鼻子、嘴角等面部特征位置。这项技术在美颜相机、虚拟试妆、疲劳驾驶监测等场景中都有广泛应用。要让AI模型学会这项技能&#xff0c;关键在于设计合适的损失函数—…...

编程新知 2026/4/6 11:31:16

Altium Designer 22 实战：用这个隐藏技巧，为DIP插件焊盘穿上‘防烫服’

Altium Designer 22实战&#xff1a;用丝印层为DIP焊盘打造双重防护 手工焊接DIP插件时&#xff0c;烙铁温度过高或操作不当导致绿油层损坏&#xff0c;进而引发短路问题&#xff0c;是硬件工程师经常遇到的痛点。特别是在生产线上&#xff0c;工人为了效率往往将烙铁温度调至最…...

编程新知 2026/4/6 10:30:37

完整指南：如何高效使用SecHex-Spoofy进行Windows系统伪装与安全测试

完整指南&#xff1a;如何高效使用SecHex-Spoofy进行Windows系统伪装与安全测试 【免费下载链接】SecHex-Spoofy C# HWID Changer &#x1f511;︎ Disk, Guid, Mac, Gpu, Pc-Name, Win-ID, EFI, SMBIOS Spoofing [Usermode] 项目地址: https://gitcode.com/gh_mirrors/se/Se…...

编程新知 2026/4/6 9:37:59