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

el-table 多选默认选中(根据返回的id给数据加默认选中状态)

前言

el-table是我们最常用的展示数据的方式,但是有时候需要用到多选来选择数据,新增数据的时候还好,选中状态都是正常的,但是修改就遇到问题,需要对这个已经选择过的数据加上默认的选中状态,本次就是解决这个问题。通过ref这个来解决。

 setDefaultSelection() {
        // 用的时候将defaultSelectedIds 替换成你的id
        const defaultSelectedIds = [1, 3, 5]; // 示例默认选中的行的 id
        this.$nextTick(() => {
            if (this.$refs.singleTable) {
                this.$refs.singleTable.clearSelection();
                this.xiaoquAll.forEach(item => {
                    if (defaultSelectedIds.includes(item.id)) {
                        this.$refs.singleTable.toggleRowSelection(item, true);
                    }
                });
            }
        });
    },

singleTable:el-table的ref
this.xiaoquAll:这个是我的el-tabl后端返回的总数据。
基本上所有的后端返回的数据都是有一个id的,要是没有用就用index来代替,没有id方便
将这个setDefaultSelection函数 在你成功获取到数据之后调用,
注意点:setDefaultSelection函数的使用时机,一定要是有singleTable这个ref生效之后在调用,要是这个ref没有生效,这个函数就没有意义了。


http://www.kler.cn/a/376874.html

相关文章:

  • 大模型搜索引擎增强问答demo-纯python实现
  • WebSocket 测试入门篇
  • 《深度学习模型在鸿蒙分布式框架下的跨设备高效之旅》
  • 【大数据基础】大数据概述
  • 51单片机——定时器中断(重点)
  • Redis 笔记(二)-Redis 安装及测试
  • 【机器学习】嘿马机器学习(科学计算库)第4篇:Matplotlib,学习目标【附代码文档】
  • Java | Leetcode Java题解之第525题连续数组
  • Linux练习作业
  • 【网络面试篇】HTTP(1)(笔记)——状态码、字段、GET、POST、缓存
  • 用了queryselectall获取了所有div,是伪数组,什么是伪数组,如何将伪数组转换成真正数组,然后用filter进行一次和二次过滤
  • 启纬科技发布6色无源电子纸手机壳InkaceE6
  • 00-开发环境 MPLAB IDE 配置
  • 手机无线/有线投屏电脑方案
  • 《 C++ 修炼全景指南:十八 》缓存系统的技术奥秘:LRU 原理、代码实现与未来趋势
  • PHP如何实现表单与数据安全
  • Nature|用于无线监测颅内信号的植入式柔性超声波传感器(柔性传感/健康监测/植入式电子/水凝胶)
  • Windows上安装Redis
  • String可以被继承吗?
  • 【开源免费】基于SpringBoot+Vue.JS墙绘产品展示交易平台(JAVA毕业设计)
  • 《分子科学学报》
  • 怎么压缩pdf文件大小?关于压缩PDF文件大小的几种压缩方法
  • Git常用高频命令学习
  • Milvus - 标量字段索引技术解析
  • Linux云计算 |【第五阶段】CLOUD-DAY10
  • 实体类的json和对象转换工具类