element ui 实现导出

Element UI提供了一个el-table-export组件来实现导出功能。以下是一个简单的示例：

<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
    <el-table-export :data="tableData" :columns="tableColumns" filename="table-data"></el-table-export>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        name: '张三',
        age: 22,
        address: '北京市海淀区'
      }, {
        name: '李四',
        age: 24,
        address: '上海市浦东新区'
      }, {
        name: '王五',
        age: 26,
        address: '广州市天河区'
      }],
      tableColumns: [{
        label: '姓名',
        prop: 'name'
      }, {
        label: '年龄',
        prop: 'age'
      }, {
        label: '地址',
        prop: 'address'
      }]
    }
  }
}
</script>

在这个示例中，我们创建了一个el-table组件来展示数据，然后用el-table-export组件实现导出功能。el-table-export组件的data属性和columns属性分别对应el-table的data和columns属性，filename属性指定导出文件的文件名。

在实际应用中，你可能需要根据不同的需求来配置el-table-export的一些参数，例如导出的文件格式、导出的数据范围等。Element UI提供了详细的文档和API参考，可以帮助你更好地使用el-table-export组件来实现导出功能。