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

洛洛啊洛洛

于 2022-11-30 00:19:12 发布

阅读量701

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/pegmca/article/details/128107655

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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