Vue实现导出功能(无后端配合)

网友投稿 263 2022-11-15

Vue实现导出功能(无后端配合)

正常导出是后端来做,我们去调用后端接口,会返回给我们文件(前端即:axios请求,设置responseType: 'blob',然后创建一个a标签,通过window.URL.createObjectURL将blob转为一个路径,为a标签增加download属性,给其一个文件名称,执行click事件即可下载);但是没有后端的情况下怎么做呢?下面来简单介绍一下:

首先安装两个插件

npm i file-saver -Snpm i xlsx -S

组件中使用(按需引入)

导出

也可以把方法抽离出来,接受两个形参,分别是dom元素(table表格)的id 和导出的文件的名称

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Java Process.waitFor()方法详解
下一篇:英利工控主板的多通道数据采集方案
相关文章

 发表评论

暂时没有评论,来抢沙发吧~