一、使用 wkhtmltopdf 中遇到的坑
1、wkhtmltopdf 对vue支持不好,使用created() {},可以正常执行,mounted() 无法执行。
2、如果前端框架使用nuxt.js,可以在Nuxt.js项目中的asyncData ()获取接口数据。
3、如果非vue框架,建议使用原生js获取数据,不支持let、“、jquery。
二、wkhtmltopdf 常用参数解释
wkhtmltopdf 使用 javascriptDelay 延迟加载
wkhtmltopdf 传递 cookie

三、axios 下载文件方法

this.$axios({
url: '',
method: 'GET',
responseType: 'blob', // important
}).then((response) => {
this.loading1 = false;
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'example.zip');
document.body.appendChild(link);
link.click();
}).catch((err) => {
console.log(err);
});
本文探讨了wkhtmltopdf在不同前端框架下的使用情况,包括Vue和Nuxt.js,指出了wkhtmltopdf对Vue的支持限制,推荐了在非Vue框架下使用原生JS获取数据的方法,并介绍了wkhtmltopdf的常用参数和axios下载文件的实现。
1145

被折叠的 条评论
为什么被折叠?



