這個功能很容易實現,網上也有很多相關方法,壹般都是使用xlsx和file-saver,這裏我直接貼上自己使用的封裝.
上面這個js直接引入使用即可。下面為使用:
2,表格導出數據重復問題
問題產生:產生數據重復問題主要是因為element表格使用的時候使用了fixed屬性,審查元素可發現,elementui的實現方式是:創建了兩個tabledom,通過壹個隱藏壹個顯示來實現交互效果。當我導出整個el-table 就會將兩個div內的table都導出,導致數據重復。
問題解決:修改fixed屬性值即可。這裏重新構造導出函數。