el-table表格数据分页切片,导致表格的多选失效

<el-table :data="tableData.slice((page-1)*pageSize, page*pageSize)" style="width: 100%" v-loading="loading" el-table表格数据分页切片,导致表格的多选失效
现在的代码:

<el-table :data="tableData.slice((page-1)*pageSize, page*pageSize)" style="width: 100%" v-loading="loading"

我原来是:

<el-table :data="tableData" style="width: 100%" v-loading="loading" row-key="id"。不用切片的就是可以选中的。

解决

使用计算属性:

javascript 复制代码
// ✅ 关键修复:使用 computed 缓存分页数据
const pagedData = computed(() => {
    const start = (page.value - 1) * pageSize.value
    const end = page.value * pageSize.value
    return tableData.value.slice(start, end)
})

还有这里:

相关推荐
十九画生20 小时前
parentID ``` JavaScript 是区分大小写的,所以这两个不是同一个字段。 第二,`parent` 没有声明。 应该先写: `
javascript
秃头网友小李20 小时前
前端难点:keep-alive 缓存什么?RouterView 的 key 为什么要带 scopeId?
前端·vue.js
怕浪猫20 小时前
Electron 开发实战(十六):总结与展望|生态现状、框架对比、行业趋势与学习指南
前端·javascript·electron
ZengLiangYi21 小时前
批量导入 1000 条对话的性能优化实战
javascript·后端·架构
竹林81821 小时前
用 wagmi v2 + viem 监听合约事件时踩的坑,我花了两天才把"遗漏事件"修好
javascript
小花酱酱1 天前
QQ群里只有你一个人?邪门歪道破局之路——AstrBot
javascript
bonechips1 天前
JS 数组指南:从内存原理到二维矩阵
前端·javascript
mONESY1 天前
前端零基础精讲:Canvas3D、CSS3D、文档流、定位全方位复盘
javascript
徐小夕1 天前
JitWord 3.0 正式发布,高精度Word异构解析+复杂组件兼容,打造web端协同Word编辑器
前端·vue.js·算法