惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
G
Google Developers Blog
L
LangChain Blog
Y
Y Combinator Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
V
Visual Studio Blog
小众软件
小众软件
月光博客
月光博客
A
About on SuperTechFans
H
Hackread – Cybersecurity News, Data Breaches, AI and More
T
The Blog of Author Tim Ferriss
有赞技术团队
有赞技术团队
M
MIT News - Artificial intelligence
阮一峰的网络日志
阮一峰的网络日志
Last Week in AI
Last Week in AI
博客园 - 【当耐特】
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
MongoDB | Blog
MongoDB | Blog
Jina AI
Jina AI
美团技术团队
量子位

博客园 - 尘梦

calude code 2.188 根据cli.map还原 centos6 安装gcc 多版本 自定义编译bulma 神通mysql模式转 mysql ai数学书籍 chromedriver 网络安全渗透测试写法 编译php需要的扩展 python 合并同列数据 组合 新的excel linux wktohtmlpdf 结合/tmp路径 无法创建问题 c语言开发 php扩展 sm4 macos php 如何链接神通数据库aci layui table tr a标签倒计时 操作 刷新以后继续倒计时 使用c# 开发 php的com组件 世界级地图数据处理 及 联动效果 php 结合pcntl_fork导出excel数据 使用 python 部署chatglm2b macos 下连接php 人大金仓pdo_kdb问题 php curl 多次发送
vue table 表格记录选中
尘梦 · 2024-07-16 · via 博客园 - 尘梦

默认全部选中

<el-table :data="tableParams.data"
                            ref="multipleTable"
                            v-loading="loadingTable"
                            @select-all="handleSelectionAll"
                            @select="handleSelectionChange"

//选中记录
let snArary=selection.map(item => item.SN);
                        let deselectedRows = this.tableParams.data.filter(row => !snArary.includes(row.SN)).map(item=>item.SN);
                        this.selectedData=Array.from(new Set([...this.selectedData, ...snArary]));
                        this.selectedData = this.selectedData.filter((item) => {
                            if (deselectedRows.includes(item)) {
                            this.select_nums++; // 重新选中时,选择数量加1
                            return false; // 过滤掉重新选中的数据
                            }
                            return true; // 保留取消选择的数据
                        });

                        this.select_nums=this.selectedData.length;



 //全选判断
                    let snArary=selection.map(item => item.SN);
                    let deselectedRows = this.tableParams.data.filter(row => !snArary.includes(row.SN)).map(item=>item.SN);
                    if (deselectedRows.length>0) {
                            this.CaneclData=Array.from(new Set([...this.CaneclData, ...deselectedRows]));

                    }
                    this.CaneclData = this.CaneclData.filter((item) => {
                            if (snArary.includes(item)) {
                            this.select_nums++; // 重新选中时,选择数量加1
                            return false; // 过滤掉重新选中的数据
                            }
                            return true; // 保留取消选择的数据
                        });

                        this.select_nums = this.total - this.CaneclData.length;