vue页面导出为word页面拿不到style,怎样不用内联样式也能正常生成word
时间: 2024-03-19 10:44:02 浏览: 54
如果你使用的是Vue.js框架,那么可以尝试使用html-docx-js这个库来将Vue页面导出为Word文档。这个库可以将HTML转换为Word文档,并且不需要内联样式即可正常生成Word文档。
下面是一个示例代码,可以将Vue页面中的内容导出为Word文档:
```javascript
import htmlDocx from 'html-docx-js';
export default {
methods: {
exportToWord() {
const content = document.getElementById('content').innerHTML;
const converted = htmlDocx.asBlob(content);
const name = 'document.docx';
const link = document.createElement('a');
link.href = window.URL.createObjectURL(converted);
link.download = name;
link.click();
window.URL.revokeObjectURL(link.href);
}
}
}
```
在这个示例代码中,我们使用了html-docx-js库的asBlob方法将Vue页面中的HTML内容转换为Word文档,并使用createElement方法创建一个下载链接来下载这个Word文档。
阅读全文