element-ui 实现跨表格多选

效果

代码

    <el-table row-key="id" :data="dataList" border @selection-change="selectionChangeHandle" style="width: 100%;">
      <el-table-column reserve-selection type="selection" header-align="center" align="center" width="50">
      </el-table-column>
      ...
    </el-table>

跟默认的选中效果区别在于

<el-table> 标签上加上了 row-key="id" 属性（key 应该可以等于其他的值）
- 让翻页的多选可以默认选中
<el-table-column> 标签上加了 reserve-selection 属性
- 让其支持翻页多选

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 Element-ui el-table 树形表格多选 element-ui实现表格el-table展开行 vue element-ui el-table多选框多选删除实现 element-ui之Table表格el-table标签 Element-ui（el-table、el-pagination）实现表格分页 Element-ui（el-table、el-pagination）实现表格分页 Element-ui（el-table、el-pagination）实现表格分页 Element-ui（el-table、el-pagination）实现表格分页 element-ui 的 el-table 使用多选框，翻页、搜索时保持选中状态 element-ui之el-table的使用合集（含翻页多选，动态生成表头等）