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

还有这里:

相关推荐
Dxy12393102167 小时前
Python XPath position() 完整使用指南,避坑合集(lxml适用)
前端·javascript·python
名字还没想好☜7 小时前
React 19 useOptimistic 实战:点赞评论先更新 UI,失败自动回滚
前端·javascript·react.js·ui·react·useoptimistic
海鸥两三7 小时前
【websocket合集2】websocket.js源码解析和页面调用示例
javascript·websocket·网络协议
vipbic17 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
资源大佬星 课it17 小时前
重学C++ ,重构你的C++知识体系
vue.js·docker·django
Eason_Lou19 小时前
【无标题】
前端·vue.js·html
kyriewen19 小时前
我受够了复制报错去问 AI,花一下午给控制台做了个调试助手
前端·javascript·ai编程
慧都小妮子20 小时前
前端实现复杂公式计算:SpreadJS 在京东物流 Udata 平台的落地实践
javascript·数据分析·excel·数据可视化·spreadjs·前端表格控件
Eason_Lou21 小时前
vue flow使用注意事项
前端·vue.js