当前位置:首页 > 编程笔记 > 正文
已解决

导出word文件 表格file-saver、html-docx-js-typescript

来自网友在路上 163863提问 提问时间:2023-10-10 15:56:28阅读次数: 63

最佳答案 问答题库638位专家为你答疑解惑

根据html代码转换为word文件
1、下载file-saver、html-docx-js-typescript

npm install file-saver html-docx-js-typescript

2、

<span @click="downloadWordWithHtmlString()">导出doc</span>
<div id="eltable" ref="eltable" style="display: none"><tableborder="1"cellspacing="0"width="600"style="font-size: 12px; color: #000; text-align: center"><tr height="50"><td>1</td><td>2</td></tr><tr height="50"><td>1-1</td><td>1-2</td></tr><tr height="50"><td>2-1</td><td>2-2</td></tr></table>
</div>
import { saveAs } from 'file-saver'
import { asBlob } from 'html-docx-js-typescript'
downloadWordWithHtmlString() {// let eltable = this.$refs.eltable// let html = eltable.$el.innerHTMLlet html = document.getElementById('eltable').innerHTMLlet name = `${this.fieldName}-条件信息`let htmlString = `<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body>${html}</body></html>`asBlob(htmlString).then((data) => {saveAs(data, `${name}.doc`)})
}
查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"导出word文件 表格file-saver、html-docx-js-typescript":http://eshow365.cn/6-18459-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!