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)
})

还有这里:

相关推荐
FYKJ_20107 小时前
SSM校园失物招领系统41452-计算机课程设计、毕业设计
java·vue.js·spring boot·python·mysql·typescript·spark
研☆香8 小时前
jQuery + Swiper.js 实现动态渲染轮播图
前端·javascript·jquery
特立独行的猫A12 小时前
仓颉版 Tauri:基于轻量化线程与纯血鸿蒙架构的下一代 Web 混合开发利器
javascript
李游Leo13 小时前
HarmonyOS 7 ArkTS + ohpm:三方 JS 库副作用隔离与 API 26 升级回归【鸿蒙心迹】
javascript·回归·harmonyos
你挚爱的强哥13 小时前
【sgKeyboard】自定义组件:虚拟键盘
前端·javascript·计算机外设
锅里游的鱼吖13 小时前
echarts自定义折线图
前端·javascript·数据库
FYKJ_201014 小时前
springboot贺州地方新闻网站87812-计算机课程设计、毕业设计
java·vue.js·spring boot·python·mysql·django·课程设计
何何____14 小时前
Vue 全局事件总线详解
前端·javascript·vue.js
EatFan15 小时前
Go语言全栈实战:基于 Gin + Vue + JWT + RBAC 从零搭建前后端分离权限管理系统
vue.js·golang·go·vue·gin·jwt·rbac
u01110267515 小时前
工具页案例图如何编写 alt让图片说明与处理场景对应
java·前端·javascript·图像处理·人工智能·算法·ai作画