element 表格分页选中

最新推荐文章于 2024-07-18 18:14:07 发布

@-567

最新推荐文章于 2024-07-18 18:14:07 发布

阅读量972

点赞数 1

分类专栏： element vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/lujingjing567/article/details/127304732

版权

本文介绍了如何在Vue.js项目中使用Element UI组件实现分页表格的选中功能，并详细讨论了编辑回显的解决方案。通过Element Table的特性，配合JavaScript代码，实现了分页选中状态的保存。在回显时，由于后端数据结构与表格数据不一致，采取了先回显再进行表格渲染的方法，成功解决了问题。

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

需求：

分页表格实现分页选中，编辑时可以进行回显。

实现：

刚开始拿到需求后本来是自己写代码实现分页选中，后来查了文档，发现可以根据element-table中的提供的属性实现；如下图方式实现；

//element--table
            <el-table
              :data="tableList"
              @selection-change="selectionChangeHandle"
              ref="distributionList"
              style="width: 100%"
              :max-height="tableHeight"
              :row-key="getKey"
            >
              <el-table-column type="selection" width="55" align="center" :reserve-selection="true">