Compare commits

..

1 Commits

Author SHA1 Message Date
zhaojisen
f1dd874562 Fixed: Fix the issue of exporting selected table data. 2025-08-27 14:59:35 +08:00
2 changed files with 23 additions and 1 deletions

View File

@@ -5,6 +5,11 @@
<slot name="no-data" />
</template>
<template v-else>
<!--
过滤 selection 相关事件的透传避免父组件收到 el-table 原生的"当前页" selection
导致跨页选择persistSelection被覆盖只剩当页数据
选择事件统一走 selectStrategy在内部维护全量 selected 并向外 emit
-->
<el-table
ref="table"
v-loading="loading"
@@ -12,7 +17,7 @@
:row-class-name="rowClassName"
v-bind="tableAttrs"
@select="selectStrategy.onSelect"
v-on="$listeners"
v-on="forwardListeners"
@selection-change="selectStrategy.onSelectionChange"
@select-all="selectStrategy.onSelectAll($event, canSelect)"
@sort-change="onSortChange"
@@ -803,6 +808,16 @@ export default {
selectStrategy() {
return getSelectStrategy(this)
},
// 过滤会与内部选择策略冲突的事件,避免父组件只拿到当前页 selection
forwardListeners() {
const listeners = { ...this.$listeners }
delete listeners['selection-change']
delete listeners['select']
delete listeners['select-all']
// 外层如需监听 selection 变化,请监听本组件透出的 selection-change
// 该事件来自选择策略,已汇总跨页后的全量 selected
return listeners
},
searchLocatedSlotKeys() {
return getLocatedSlotKeys(this.$slots, 'search:')
},

View File

@@ -79,6 +79,9 @@ class StrategyPersistSelection extends StrategyAbstract {
onSelect(selection, row) {
const isChosen = selection.indexOf(row) > -1
this.toggleRowSelection(row, isChosen)
// el-table 原生 selection-change 仅包含当前页。为保证跨页勾选有效,
// 在内部策略维护完 selected 后,向外部同步"全量已选"。
this.elDataTable.$emit('selection-change', this.elDataTable.selected)
}
/**
@@ -149,11 +152,15 @@ class StrategyPersistSelection extends StrategyAbstract {
this.elDataTable.$emit('toggle-row-selection', isSelected, row)
this.updateElTableSelection()
// 切换后同步全量 selection跨页
this.elDataTable.$emit('selection-change', this.elDataTable.selected)
}
clearSelection() {
this.elDataTable.selected = []
this.updateElTableSelection()
// 清空后也同步给外部,保持外层状态一致
this.elDataTable.$emit('selection-change', this.elDataTable.selected)
}
/**