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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element-ui表格导出及导出数据重复问题相关的知识,希望对你有一定的参考价值。

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

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

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

以上是关于element-ui表格导出及导出数据重复问题的主要内容,如果未能解决你的问题,请参考以下文章

Element-ui组件库upload导出Excel表格

vue+element-ui做表格的导出功能。

el-table表格导出Excel+选中导出+导出重复

如何将表格数据导出到文件

关于PHPExcel 导入导出大量数据及导入时判断是不是存在重复

PowerDesigner 创建表格及导出SQL语句