首页vue页面导出为word页面拿不到style

vue页面导出为word页面拿不到style

时间: 2024-03-19 20:40:35 浏览: 120

exportToWord导出页面到word文档，亲测可用

vue使用： npm install -D js-export-word 用法： import exportWord from 'js-export-word' const wrap = document.getElementById('test') const config = { addStyle:true, // 是否导出样式，默认为true，此操作会将所有样式转换成行内样式导出 fileName:'测试文件', // 导出文件名 toImg:['.need-to-img','.bg-danger'], // 页面哪些部分需要转化成图片，例如echart图表之类 success(){} // 完成之后回调，一般页面篇幅比较大，时间比较长 } exportWord(wrap,config)

您好，关于Vue页面导出为Word页面没有样式的问题，可能是因为Word不支持Vue中使用的CSS样式。在将Vue页面导出为Word文档时，建议将样式转换为内联样式，这样Word才能正常读取样式。另外，您也可以尝试使用一些第三方库，如html-docx-js来实现Vue页面的导出，这些库可以帮助您将样式转换为适合Word的格式。希望能对您有所帮助。

阅读全文