标签：表格 导出 excel Excel Element 勾选 json pufaCertificateNo

1.

npm安装依赖包

npm install vue-json-excel

2.项目入口文件引进注册并且使用

import JsonExcel from 'vue-json-excel'

Vue.component('downloadExcel', JsonExcel)

 

 3.在项目当中使用如下

    <download-excel

      class="export-excel-wrapper"

      :data="this.pufaCertificateNo"

      :fields="json_fields"

      name="导出文件测试.xls"

    >

      <!-- 上面可以自定义自己的样式，还可以引用其他组件button -->

      <el-button type="primary" size="small" >导出EXCEL</el-button>

    </download-excel>

 

 这是表格内容

导出Excel功能就完成了，接下来就是怎么根据自己勾选的导出

声明一个空数组，作为用来存储导出的数据，pufaCertificateNo[  ],

那么在使用的时候，就直接将导出的数据源，指向这个数组

 接下来，使用Element表格组件中的方法，将勾选触发的得到的数据，赋值给这个pufaCertificateNo，我们先看一下是用啥玩意

 

 好，既然看到了，那么就给表格绑定这个玩意看看

 绑定好了以后，实现它的方法，打印看看，然后若是按照自己的选择勾选的打印出相应的数据的话，就证明是可行的，既然可行，那么就将数据赋值给pufaCertificateNo[  ]  ,这样的话，导出来的数据，应该会是我们勾选的数据

 看看效果，

 的确是根据我们所选择的导出来

本文操作参考自：https://www.cnblogs.com/zengjielin/p/9667476.html

感谢大佬们分享，此文也做记录一下自己的每一点滴进步。

        

标签：表格,导出,excel,Excel,Element,勾选,json,pufaCertificateNo
来源： https://blog.csdn.net/qq_42521278/article/details/120547424

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。