elementui table checkBox 多选 回显之前选择的内容

本文介绍如何在ElementUI的Table组件中使用CheckBox实现多选表格,并在从列表进入详情时回显之前选择的内容。文章指出解决这个问题并不涉及row-key属性,而是深入探讨了ElementUI的一些潜在陷阱。
摘要由CSDN通过智能技术生成

elementui  table checkBox  多选表格  从列表进详情,看到该条信息之前选择的几项数据

info() {
        //  这个是获取详情数据的接口 
      var a;
      this.get("/business/label/" + this.id).then((res) => {
        console.log(res);
        if (res.code == 200) {
            // 上图右边的数据列表 
          this.SelectedPersonnel = res.data.membersList;
            // 循环  用两边数据都有的key值 取到左边那列 对应的那条数据
            for (let i = 0; i < this.SelectedPersonnel.length; i++) {
              for (let j = 0; j < this.tableData.length; j++) {
                if (
                  this.SelectedPersonnel[i].userId == this.tableData[j].userId
                ) {
                  a = this.tableData[j]; 
                    //  最重要的就是这个,在elementui 官网有这个方法,让这行的状态为true 选中 
           
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值