如何解决jspdf在vuejs中下载的PDF上显示错误的css样式
我正在尝试使用 jsPDF 下载 pdf 文件。我在这里面临的问题是 CSS 样式没有出现在下载的 pdf 中。下面是我用来下载pdf的方法。我在 vuejs 中使用 jsPDF。请帮我找到如何在下载的 pdf 中添加 CSS 样式
main_file.vue
<template>
<div>
<v-btn @click="downloadPDF">
Download
</v-btn>
<Download v-show="false" ref="DownloadComp" />
</div>
</template>
<script>
import Download from 'views/letter.vue'
export default {
components: {
Download
},methods: {
downloadPDF () {
let pdfName = 'download-file';
var doc = new jsPDF();
doc.html(this.$refs.DownloadComp.$el.innerHTML,{ callback: (doc) => {
doc.save();
}
})
}
}
}
</script>
letter.vue
<template>
<div>
<div class="sectional">Official Letter
</div>
<p class="intro">Address</p>
</div>
</template>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。