700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Element 根据勾选导出Excel表格数据

Element 根据勾选导出Excel表格数据

时间:2021-05-19 05:14:02

相关推荐

Element 根据勾选导出Excel表格数据

1.

npm安装依赖包

npm install vue-json-excel

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

import JsonExcel from 'vue-json-excel'ponent('downloadExcel', JsonExcel)

3.在项目当中使用如下

<download-excel

class="export-excel-wrapper"

:data="this.pufaCertificateNo"

:fields="json_fields"

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

>

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

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

</download-excel>

这是表格内容

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

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

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

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

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

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

看看效果,

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

本文操作参考自:/zengjielin/p/9667476.html

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。