el-table中的toggleRowSelection无效

最新推荐文章于 2024-08-15 17:26:28 发布

张小浪

最新推荐文章于 2024-08-15 17:26:28 发布

阅读量4k

点赞数 4

分类专栏： vue3 学习笔记亲身经历文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_40011214/article/details/126351226

版权

学习笔记同时被 3 个专栏收录

60 篇文章 3 订阅

订阅专栏

亲身经历

16 篇文章 0 订阅

订阅专栏

13 篇文章 0 订阅

订阅专栏

这篇博客介绍了在Vue.js中使用表格组件时遇到的问题，即toggleRowSelection方法不接受自定义参数。解决方法是通过$nextTick和forEach遍历自行控制选中状态。示例代码展示了如何根据chartId匹配表格数据并设置选中状态。

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

仔细看官网的代码

toggleRowSelection方法中的参数不支持自己传入的参数，必须是:data绑定的列表参数

如果想使用传入的参数可以按照以下写法处理,其中list就是你的选中列表数组，并且需要你使用$nextTick来处理

this.$nextTick(() => {
                            list.forEach(item => {
                                this.$refs.multipleTable.toggleRowSelection(this.tableData.find(tx => {
                                    return tx.chartId === item.chartId
                                }), true)
                            })
                        })