vue + Element ui 中使用table组件实现分页记忆选中

最新推荐文章于 2024-08-14 11:29:56 发布

sj1527382290

最新推荐文章于 2024-08-14 11:29:56 发布

阅读量1k

点赞数 1

分类专栏： vue 文章标签： element ui

本文链接：https://blog.csdn.net/sj1527382290/article/details/97372988

版权

本文介绍了如何在Vue项目中，结合Element UI的Table组件，实现分页切换后仍能保持之前选中状态的功能。通过深入理解组件交互和状态管理，实现了高效且可靠的分页记忆选中效果。

摘要由CSDN通过智能技术生成

直接上代码

<el-table @selection-change="handleSelectionChange" :data="tableData" ref="multipleTable" border style="width: 100%">
      <el-table-column type="selection" width="55" :selectable="checkboxT"></el-table-column>
      <el-table-column prop="brokerName" label="经纪人"></el-table-column>
      <el-table-column prop="companyName" label="所属经纪公司"></el-table-column>
      <el-table-column prop="orderId" label="订单号"></el-table-column>
      <el-table-column prop="customerName" label="客户姓名"></el-table-column>
      <el-table-column :formatter="customerPhone" label="客户手机号"></el-table-column>
      <el-table-column prop="devName" label="楼盘"></el-tab