vue怎么导出excel表格,vue导出表格的两种方法

　　我相信当你在做一个项目的时候，所有的函数中都有导出模块。下面这篇文章主要介绍一个用vue导出excel表格的详细教程。通过示例代码非常详细的介绍，有需要的朋友可以参考一下。

前言

　　在开发的时候，我会经常用到导出excel表格的功能。如果碰巧遇到自己的发展，我会记录下来。

一、安装vue-json-excel

　　npm安装vue-json-excel -S

二、main.js中引入

　　从 vue-json-excel 导入JsonExcel

　　Vue.component(downloadExcel ，JsonExcel)

三、在代码中使用

　　模板

　　下载-excel

　　 export-excel-wrapper

　　:data=DetailsForm

　　:fields=json_fields

　　:header=title

　　Name=要导出的表的名称。xls

　　！-您可以在上面自定义自己的样式，也可以参考其他组件按钮-

　　El按钮类型=成功导出/el按钮

　　/下载-excel

　　/模板

四、数据

　　详细信息表单：要导出的数据

　　标题：表格标题

　　Json_fields:里面的属性是excel表格中每一列的标题。由多个短语组成的属性名(中间有空格的)要加双引号；下载指定接口的json中的一些数据。如果未指定，默认情况下将导出所有数据中心字段。

　　脚本

　　标题： xx公司表单，

　　json_fields: {

　　故障排除日期:日期，

　　整改隐患内容:详细:

　　纠正措施，措施，

　　整改时限，时限，

　　应急措施和计划，计划，

　　个人负责人，负责人，

　　由:编制人填写，

　　整改基金，基金，

　　完成整改，完成，

　　备注:备注，

　　详细信息表单：[

　　{

　　日期：“2022年3月10日”，

　　详细信息：卸货区路灯损坏，

　　措施：“换灯泡”，

　　时间限制：“2022年3月21日”，

　　方案：先用充电灯代替，并张贴安全警示，

　　负责人：王xx ，

　　编制人：王xx ，

　　基金： 20元，

　　完成：整改完成，

　　备注：“更换了灯泡”，

　　/脚本

五、效果

六、一些常用参数

总结

　　关于vue导出excel的这篇文章到此结束。有关vue导出excel的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。