关于elementUI 分页 table 使用 toggleRowSelection

我出现问题的前提

在table表格第一页全选 ,第二页全选 回到第一页

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

初始实现

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

javascript 复制代码
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的数据了

换个思路

javascript 复制代码
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
})
相关推荐
coder_pig9 分钟前
跟🤡杰哥一起学Flutter (三十四、玩转Flutter手势✋)
前端·flutter·harmonyos
万少15 分钟前
01-自然壁纸实战教程-免费开放啦
前端
独立开阀者_FwtCoder17 分钟前
【Augment】 Augment技巧之 Rewrite Prompt(重写提示) 有神奇的魔法
前端·javascript·github
yuki_uix28 分钟前
AI辅助网页设计:从图片到代码的实践探索
前端
我想说一句28 分钟前
事件机制与委托:从冒泡捕获到高效编程的奇妙之旅
前端·javascript
陈随易29 分钟前
MoonBit助力前端开发,加密&性能两不误,斐波那契测试提高3-4倍
前端·后端·程序员
汤姆Tom34 分钟前
JavaScript reduce()函数详解
javascript
小飞悟35 分钟前
你以为 React 的事件很简单?错了,它暗藏玄机!
前端·javascript·面试
中微子42 分钟前
JavaScript 事件机制:捕获、冒泡与事件委托详解
前端·javascript
Whoisshutiao1 小时前
网安-XSS-pikachu
前端·安全·网络安全