elementUI的table默认全选,并解决跨分页取消选中回显的问题,并拿到取消选中的集合(一般用于table数据很多需要给选中的项发短信等需求)

最新推荐文章于 2024-12-20 15:44:41 发布

shilong0424

最新推荐文章于 2024-12-20 15:44:41 发布

阅读量2.1k

点赞数

文章标签： elementui javascript 前端前端框架 vue

本文链接：https://blog.csdn.net/shilong0424/article/details/128234004

版权

本文介绍了如何在elementUI的表格中实现默认全选，并解决跨分页选中状态回显及获取取消选中项集合的问题，主要涉及全选操作、监听选中变化和处理单个选中取消的步骤。

摘要由CSDN通过智能技术生成

elementUI的table默认全选,并解决跨分页取消选中回显的问题,并拿到取消选中的集合(一般用于table数据很多需要给选中的项发短信等需求)

在这里插入图片描述

第一步:请求出列表数据,进行全选:(arr是请求回来的数据,cancelSelection是取消选中的集合)

handleTempSelected(arr) {
   
      if (arr.length) {
   
        let result1 = []
        let result2 = []
        for (var i = 0; i < arr.length; i++) {
   
          var arAi = arr[i]
          var propA = arAi.baseId
          var flag = false
          for (var j = 0; j < this.cancelSelection.length; j++) {