首页 > 其他 > 详细

vue 导出Excel (基础版)

时间:2021-07-28 14:08:28      阅读:15      评论:0      收藏:0      [点我收藏+]

1.下载组件:cnpm install vue-json-excel

 

2.main.js中引入:

  import JsonExcel from ‘vue-json-excel‘

  Vue.component(‘downloadExcel‘, JsonExcel)

 

3.页面引用

  html:

            <download-excel
              class = "export-excel-wrapper"
              :data = "selected"
              :fields = "json_fields"
              name = "购置审批.xls">
              <!-- 上面可以自定义自己的样式,还可以引用其他组件button -->
              <el-button type="primary" @click="exportData" size="small">下载</el-button>
            </download-excel>
    技术分享图片

 

 

  JS:

    技术分享图片

 

 

 

 
 
 

vue 导出Excel (基础版)

原文:https://www.cnblogs.com/lvlv11/p/15069867.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!