vxe-table 监听导出的开始与结束

在VxeTable中，你可以通过监听`@export-start`和`@export-end`事件来跟踪数据导出过程的开始和结束。这两个事件分别会在导出操作开始时和结束时触发。以下是如何使用的步骤：

1. **设置监听事件**：
首先，在你的Vue组件模板上绑定这两个事件处理函数。例如：

   <vxe-table :options="tableOptions" @export-start="handleExportStart" @export-end="handleExportEnd"></vxe-table>

2. **创建事件处理器**：
在你的`methods`对象中定义这两个事件的处理方法：

   export default {
     methods: {
       handleExportStart() {
         console.log('导出操作已经开始');
         // 可在此处添加需要执行的代码，如显示加载动画或阻止默认行为
       },
       handleExportEnd(result) {
         console.log('导出操作已结束', result); // result参数包含了导出的结果，可以查看导出的具体数据
         // 这里可以清除加载动画或做其他后续操作
       },
     },
   }

3. **事件使用说明**：
- `handleExportStart`会在用户点击导出按钮或者使用API发起导出操作时触发，你可以在这个时候更新UI状态或提示用户数据正在导出。
- `handleExportEnd`会在导出操作完成后，接收到导出数据并关闭导出对话框或者执行其他任务。`result`参数通常是导出的文件内容或者URL。

4. **注意事项**：
- 在`@export-start`时，如果需要进行一些额外的操作，记得要考虑性能，避免阻塞用户的交互。