element-ui表格导出及导出数据重复问题

Posted 2023-02-28

参考技术A 1，element-ui表格导出
    这个功能很容易实现，网上也有很多相关方法，一般都是使用xlsx和file-saver，这里我直接贴上自己使用的封装.

上面这个js直接引入使用即可。下面为使用：

2，表格导出数据重复问题
    问题产生：产生数据重复问题主要是因为element表格使用的时候使用了fixed属性，审查元素可发现，elementui的实现方式是：创建了两个tabledom，通过一个隐藏一个显示来实现交互效果。当我导出整个el-table 就会将两个div内的table都导出，导致数据重复。
    问题解决：修改fixed属性值即可。这里重新构造导出函数。