Vue导出PDF
使用时, 将要转PDF的内容包裹在一个div里面, 给这个div加一个ref属性,绑定一个方法通过原型调用。所以: 转换后的PDF是图片PDF, 是不能编辑的,而且: 清晰度很一般。其原理是把HTML转化为base64图片, 然后将其转为PDF。refs[‘content’], ‘我的文件’)
一. 使用vue-to-pdf
npm i vue-to-pdf --save
引入:
import vueToPdf from 'vue-to-pdf';
Vue.use(vueToPdf);
使用时, 将要转PDF的内容包裹在一个div里面, 给这个div加一个ref属性,绑定一个方法通过原型调用
this.
P
D
F
S
a
v
e
(
t
h
i
s
.
PDFSave(this.
PDFSave(this.refs[‘content’], ‘我的文件’)
<template>
<div>
<div ref="content">打印出的内容</div>
<input type="button" value="导出PDF" @click="toPdf" />
</div>
</template>
<script>
export default {
methods: {
toPdf() {
this.$PDFSave(this.$refs["content"], "我的文件");
},
},
};
</script>
<style>
</style>
其原理是把HTML转化为base64图片, 然后将其转为PDF
所以: 转换后的PDF是图片PDF, 是不能编辑的,而且: 清晰度很一般
更多推荐
所有评论(0)