vue中实现html页面导出word和pdf的办法

html-css07

vue中实现html页面导出word和pdf的办法,第1张

1.使用预先写好的与html相似的word文档模板,将用户输入的数据与读取出来的模板结合生成指定名称的docx文件

vue+elementUI导出数据为word文档

2.使用Jquery插件和file-save来生成word文档

vue 前端导出word、excel、pdf

1.使用html2canvas和JsPDF来生成pdf文件

html2canvas生成截图后,用JsPDF转为pdf文件

上面有,这是运用插件截图可能会产生的问题的解决方案

2.调用浏览器的打印方法生成pdf文件

vue 项目导出pdf两种方式

把html导出成txt文件,然后再把txt文件导入Excel:

1、首先,打开excel,选择数据选项卡,自文本选项。

2、在弹出的资源管理器界面选择存放好的txt文件后,点击打开按钮。

3、此时弹出文本导入向导,由于我的数字是以空格为分隔字符的,所以我选择分隔符号,当然,如果你的文本是固定宽度,你可以选择第二个。然后点击下一步按钮。

4、勾选空格,检验预览数据是否和自己预想的一致。一致后继续点击下一步按钮。

5、查看预览效果。并选择列数据格式,此处没什么特别要求,建议选择常规,常规也是excel默认的格式。点击完成。

6、在弹出的对话框中,选中要导入的数据区域,此处我要导入到当前单元格,并且从a1单元格开始,因此我选择a1单元格,多余的数据会自动以此单元格向两边张开。点击确定按钮

我们的数据就算是完美的导入进来了。

1、保存网页

在浏览器中访问目标网页,执行菜单“文件”→“另存为”,文件类型选择“网页,全部”。

2、用WPS文字打开html文件

执行“文件”→“打开”,文件类型选择“网页文件”或“所有文件”,以打开刚才下载得到的《[征稿八]怎样用WPS制作PDF》html文件。

3、去掉不需要的部分

注:表格形式出现的正文,可以选中后执行“表格”→“转换”→“表格转换为文本”去除表格外框。

4、最后另存为WPS文档或WORD文档即可。