el-table回显多选数据，toggleRowSelection失效

最新推荐文章于 2025-10-18 15:02:50 发布

原创最新推荐文章于 2025-10-18 15:02:50 发布 · 732 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

博客内容涉及Vue.js应用中，针对开启分页的多选表格数据处理。在页面切换时，使用nextTick配合forEach遍历rows，通过toggleRowSelection方法确保选中项与分页数据保持一致。关键在于找到与当前行id匹配的数据，确保指针的一致性。

  nextTick(() => {
          rows.forEach(_row => {
            let mid = state.tableData.find(row => row.id === _row.id)
            unitTableRef.value.toggleRowSelection(mid ? mid : _row, selected) //必须指针一致。分页数据保持原值渲染
          })
        })

开启分页多选时，pageChange时调用；