Element plus表格跨页批量选中的实现

403 阅读1分钟

前言

经常开发后台管理系统,必然会遇到批量操作,如果你不仔细翻阅文档,自己去实现,那么就会费力不讨好。

当然,做个认真阅读文档的好学生,你就会省心省事。

下面分123步骤讲述下最简单的实现。

最简单实现

第一步,给表格添加ref、row-key属性,selection-change事件监听。

第二步,给添加了type="selection"的el-table-column添加reserve-selection属性,同时设置属性值为true。

第三步,就是实现select-change事件监听。

handleSelectionChange(selection) {
  // vue2写法
  this.selectList = selection
  // vue3写法
  selectList.value = selection
},

后语

谢谢阅读!!!