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

关于elementUI 分页 table 使用 toggleRowSelection

我出现问题的前提 
在table表格第一页全选 ,第二页全选 回到第一页

点击按钮 取消 第一页,第二页我不要的勾选

初始实现 

this.selectedPeraonal是表格 selection-change方法返回的值

handleSelectionChange(val) {this.selectedPeraonal = val || []
},onlineFeedBack(){const selectedPeraonal = this.selectedPeraonal.filter(item => !errId.includes(item['welfare_id']))  this.$refs['generalTable'].$refs.generalTable.clearSelection()this.$nextTick(() => {selectedPeraonal.map(item => {this.$refs['generalTable'].$refs.generalTable.toggleRowSelection(item,true)})this.loadingOnLineFeed = false})
}

但是 页面未生效

了解到
toggleRowSelection 传入的item必须是当前table表格中的数据才会生效

所以filter 之后就不算当前table的数据了

换个思路

this.$nextTick(() => {
//  toggleRowSelection中传入记录的数据,并不会生效,要传入当前table表格中的数据才会生效for (let i = this.selectedPeraonal.length - 1; i >= 0; i--) {const item = this.selectedPeraonal[i]if (errId.includes(item['welfare_id'])) {                                      this.$refs['generalTable'].$refs.generalTable.toggleRowSelection(item, false)}}this.loadingOnLineFeed = false
})

http://www.lryc.cn/news/419935.html

相关文章:

  • K8s部署RocketMQ
  • Linux服务管理-Nginx配置
  • C语言典型例题31
  • FFMPEG 工具方法
  • Qt QML 使用QPainterPath绘制弧形曲线和弧形文本
  • VMware虚拟机和Docker的备份与恢复
  • 新加坡服务器延迟大吗?如何进行优化
  • uniapp——列表图片加载太多且空间占用太大的处理方法(降低清晰度)
  • spring+SSM+Mybatis面试题(上)(30道)
  • odoo17 翻译一个小bug
  • sqli-labs-php7-master第5-10关
  • 全方位教程:接入视频美颜SDK与直播美颜插件的完整步骤
  • Apache Curator 分布式锁的介绍,以及案例
  • 自动化测试 — selenium + Java
  • 【SpringBoot系列】接口参数的默认值与必要性
  • 茶余饭后(五)
  • 【网络编程详解】
  • C# winform三层架构 实现增删改查( 显示数据,查询数据 显示,查询篇)
  • Apache Kylin 系列入门教程
  • 如何识别并防御漏洞扫描类攻击
  • 冷思考:低代码的AI Agent构建平台能创造价值吗?
  • Spring Boot如何自定义注解?
  • gin框架传入的gin.context参数是池化的
  • AWS注册是否必须使用美元银行卡
  • Spring IOC 注入的3种方式
  • 无人机影像基于机器学习的遥感反演及其结果可视化,定量遥感反演结果出图,相关性分析,指标筛选,特征选择
  • Eclipse插件之Java Dependency Viewer(显示类和包的关系图)
  • H5小游戏出海,如何流量变现?
  • 轻空间六大专利优势:引领气膜建筑新时代
  • LeetCode-day37-2940. 找到 Alice 和 Bob 可以相遇的建筑