gird里数据代理导出全部数据，表格为空

### 可复现的链接（必须为公开链接，仅包含能复现问题的示例代码）：

grid数据代理时导出全量数据表格为空，具体代码看问题描述，有完整代码放进html文件就可以展示

### 是否已准备好复现链接与示例代码？

- [x] 我确定已准备好以上复现链接

### 问题描述与截图：

<!DOCTYPE html>
<html lang="">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-pc-ui@4.11.1/lib/style.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vxe-table@4.17.28/lib/style.min.css">
    
    <script src="https://cdn.jsdelivr.net/npm/vue@3.5.16/dist/vue.global.prod.js"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/xe-utils/dist/xe-utils.umd.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vxe-pc-ui@4.11.1/lib/index.umd.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vxe-table@4.17.28/lib/index.umd.min.js"></script>
</head>
<body>
<div id="app">
    <div style="max-width: 1000px;margin: 32px auto;">
        <div>
            <vxe-button status="primary" @click="exportEvent">点击导出</vxe-button>

<vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
        </div>
    </div>
</div>
<script>
    (function () {
        const list = [
            { id: 10001, name: 'Test1', nickname: 'T1', role: 'Develop', sex: 'Man', age: 28, address: 'Shenzhen' },
            { id: 10002, name: 'Test2', nickname: 'T2', role: 'Test', sex: 'Women', age: 22, address: 'Guangzhou' },
            { id: 10003, name: 'Test3', nickname: 'T3', role: 'PM', sex: 'Man', age: 32, address: 'Shanghai' },
            { id: 10004, name: 'Test4', nickname: 'T4', role: 'Designer', sex: 'Women', age: 23, address: 'test abc' },
            { id: 10005, name: 'Test5', nickname: 'T5', role: 'Develop', sex: 'Women', age: 30, address: 'Shanghai' },
            { id: 10006, name: 'Test6', nickname: 'T6', role: 'Designer', sex: 'Women', age: 21, address: 'Shenzhen' },
            { id: 10007, name: 'Test7', nickname: 'T7', role: 'Test', sex: 'Man', age: 29, address: 'Shenzhen' },
            { id: 10008, name: 'Test8', nickname: 'T8', role: 'Develop', sex: 'Man', age: 35, address: 'test abc' },
            { id: 10009, name: 'Test9', nickname: 'T9', role: 'Develop', sex: 'Man', age: 35, address: 'Shenzhen' },
            { id: 100010, name: 'Test10', nickname: 'T10', role: 'Develop', sex: 'Man', age: 35, address: 'Guangzhou' },
            { id: 100011, name: 'Test11', nickname: 'T11', role: 'Develop', sex: 'Man', age: 49, address: 'Guangzhou' },
            { id: 100012, name: 'Test12', nickname: 'T12', role: 'Develop', sex: 'Women', age: 45, address: 'Shanghai' },
            { id: 100013, name: 'Test13', nickname: 'T13', role: 'Test', sex: 'Women', age: 35, address: 'Guangzhou' },
            { id: 100014, name: 'Test14', nickname: 'T14', role: 'Test', sex: 'Man', age: 29, address: 'Shanghai' },
            { id: 100015, name: 'Test15', nickname: 'T15', role: 'Develop', sex: 'Man', age: 39, address: 'Guangzhou' },
            { id: 100016, name: 'Test16', nickname: 'T16', role: 'Test', sex: 'Women', age: 35, address: 'Guangzhou' },
            { id: 100017, name: 'Test17', nickname: 'T17', role: 'Test', sex: 'Man', age: 39, address: 'Shanghai' },
            { id: 100018, name: 'Test18', nickname: 'T18', role: 'Develop', sex: 'Man', age: 44, address: 'Guangzhou' },
            { id: 100019, name: 'Test19', nickname: 'T19', role: 'Develop', sex: 'Man', age: 39, address: 'Guangzhou' },
            { id: 100020, name: 'Test20', nickname: 'T20', role: 'Test', sex: 'Women', age: 35, address: 'Guangzhou' },
            { id: 100021, name: 'Test21', nickname: 'T21', role: 'Test', sex: 'Man', age: 39, address: 'Shanghai' },
            { id: 100022, name: 'Test22', nickname: 'T22', role: 'Develop', sex: 'Man', age: 44, address: 'Guangzhou' }
        ];
// 模拟接口
        const findPageList = (pageSize, currentPage) => {
            return new Promise(resolve => {
                setTimeout(() => {
                    resolve({
                        result: list.slice((currentPage - 1) * pageSize, currentPage * pageSize),
                        page: {
                            total: list.length
                        }
                    });
                }, 100);
            });
        };
// 模拟接口
        const findAllList = () => {
            return new Promise(resolve => {
                setTimeout(() => {
                    resolve(list);
                }, 100);
            });
        };
        var App = {
            data() {
                const gridOptions = {
                    border: true,
                    showOverflow: true,
                    height: 500,
                    pagerConfig: {
                        pageSize: 10
                    },
                    exportConfig: {
                        mode: 'all',
                        modes: ['current', 'all']
                    },
                    toolbarConfig: {
                        export: true
                    },
                    columns: [
                        { type: 'checkbox', width: 50 },
                        { type: 'seq', width: 70 },
                        { field: 'name', title: 'Name' },
                        { field: 'nickname', title: 'Nickname' },
                        { field: 'role', title: 'Role' },
                        { field: 'address', title: 'Address', showOverflow: true }
                    ],
                    proxyConfig: {
                        ajax: {
                            query: ({ page }) => {
                                // 默认接收 Promise<{ result: [], page: { total: 100 } }>
                                return findPageList(page.pageSize, page.currentPage);
                            },
                            // 当触发 mode=all 导出全量数据时调用
                            queryAll: () => {
                                // 默认接收 Promise<any[]>
                                return findAllList();
                            }
                        }
                    }
                };
                return {
                    gridOptions
                };
            },
            methods: {
                exportEvent() {
                    const $grid = this.$refs.gridRef;
                    if ($grid) {
                        $grid.exportData({
                            mode: 'all'
                        });
                    }
                }
            }
        }

// 全局配置
        VxeUI.setConfig({
            // zIndex: 999 // 全局 zIndex 起始值，如果项目的的 z-index 样式值过大时就需要跟随设置更大，避免被遮挡；也可以使用 dom-zindex 共享配置
        })

Vue.createApp(App).use(VxeUIBase).use(VxeUITable).mount('#app')
    })()
</script>
</body>
</html>

### 期望的结果：

### 操作系统：

window11

### 浏览器版本：

chrome136.0.7103.93

### vue 版本：

3.5.16

### vxe-pc-ui 版本：

4.11.1

### vxe-table 版本：

4.17.28

### 是否使用当前最新版本？

- [x] 我确定已经更新到最新版本后依然存在该问题

GVP XE/vxe-table

内容风险标识

评论 (0)

GVPXE/vxe-table

内容风险标识