vue实现表格的导入和导出

1.表格的导入

引用js-xlsx库
官方示例:http://oss.sheetjs.com/js-xlsx/

代码的实现

    
    
    



    

        
        

            

                

                    

                        
#
                        

                            {{item}}
                        
                    
                
                

                    

                        
{{index}}
                        
{{row[col]}}
                    
                
            
        
    

2.表格的导出

这里是使用js-xlsx的table_to_book方法实现，还有另一种是拼接excel格式的具体请参考纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例

代码的实现

    
    
    



    

        导出
        

            

                

                    

                        
#
                        

                            {{item}}
                        
                    
                
                

                    

                        
{{index}}
                        
{{(row)[col]}}
                    
                
            
        
    

参考资料

纯前端利用 js-xlsx 实现 Excel 文件导入导出功能示例
Vue2 导出excel
在 Node.js 中利用 js-xlsx 处理 Excel 文件