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

还有这里:

相关推荐
qq_12084093712 小时前
Three.js 模型加载稳定性实战:从资源失败到可用发布的工程化方案
前端·javascript·vue.js·vue3·three.js
阿正的梦工坊2 小时前
JavaScript 闭包:从入门到精通
开发语言·javascript·ecmascript
qq_12084093712 小时前
Three.js 性能实战:大场景从 15FPS 到 60FPS 的工程化优化路径
开发语言·前端·javascript
guhy fighting2 小时前
使用vue-virtual-scroller导致打包报错
前端·javascript·vue.js·webpack
Cecilialana2 小时前
同域名、同项目、仅 hash 变化,window.location.href 不跳转
前端·javascript
Hello--_--World2 小时前
DOM事件流与事件委托、判断数据类型、深浅拷贝、对象遍历方式
前端·javascript
落魄江湖行2 小时前
进阶篇二 Nuxt4 渲染模式:SSR/SSG/CSR 怎么选
前端·vue.js·typescript·nuxt4
Ruihong3 小时前
你的 Vue 3 TS 类型声明,VuReact 会处理成什么样的 React?
vue.js·react.js·面试
踩着两条虫3 小时前
VTJ核心引擎开源项目概览
前端·vue.js·低代码