您好,登录后才能下订单哦!
密码登录
登录注册
点击 登录注册 即表示同意《亿速云用户服务条款》
这篇文章主要介绍了怎么用vue导出excel表格的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么用vue导出excel表格文章都会有所收获,下面我们一起来看看吧。
npm install vue-json-excel -S
import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel)
<template> <download-excel class="export-excel-wrapper" :data="DetailsForm" :fields="json_fields" :header="title" name="需要导出的表格名字.xls" > <!-- 上面可以自定义自己的样式,还可以引用其他组件button --> <el-button type="success">导出</el-button> </download-excel> </template>
DetailsForm:需要导出的数据
title:表格标题
json_fields:里面的属性是excel表每一列的title,用多个词组组成的属性名(中间有空格的)要加双引号; 指定接口的json内某些数据下载,若不指定,默认导出全部数据中心全部字段
<script> title: "xx公司表格", json_fields: { "排查日期":'date', "整改隐患内容":'details', "整改措施":'measure', "整改时限":'timeLimit', "应急措施和预案":'plan', "整改责任人":'personInCharge', "填表人":'preparer', "整改资金":'fund', "整改完成情况":'complete', "备注":'remark', }, DetailsForm: [ { date: "2022-3-10", details: "卸油区过路灯损坏", measure: "更换灯泡", timeLimit: "2022-3-21", plan: "先使用充电灯代替,贴好安全提醒告示", personInCharge: "王xx", preparer: "王xx", fund: "20元", complete: "已完成整改", remark: "重新更换了灯泡", }, ], </script>
关于“怎么用vue导出excel表格”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“怎么用vue导出excel表格”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。