【element-plus】toggleRowSelection不生效

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

原创最新推荐文章于 2024-08-15 17:26:28 发布 · 563 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #elementui

代码大概如下

<el-table :data="list">
</el-table>

function setSelectData(selectArr){
    selectArr.value.forEach(item=>{
        tableRef.value.toggleRowSelection(item,true)
    })
}

这样写不生效。百度了一下，有人说是toggleRowSelection(item,true)中的item必须是el-table绑定的list中的数据。
改成如下形式：

function setSelectData(selectArr){
    selectArr.value.forEach(item=>{
        tableRef.value.toggleRowSelection(list.value.find(findItem =>{
            return findItem.id == item.id
        }),true)
    })
}

这样就生效了。