1、使用插件
npm官方地址
https://www.npmjs.com/package/vue-to-pdf
2、安装
npm i vue-to-pdf --save
3、引用
在main.js
文件中配置引用
import vueToPdf from 'vue-to-pdf';
Vue.use(vueToPdf);
4、使用
通过ref来获取要导出的标签内容
//导出内容
<div ref="exportPdf"> 我是导出内容 </div>
//导出按钮
<input type="button" @click="savePdf" >导出(pdf)</input>
定义:methods
中函数使用
第一个参数就是要导出pdf的内容
第二个参数是导出pdf的名称
methods:{
//导出(pdf)===点击导出按钮调用该方法
savePdf(){
this.$PDFSave(this.$refs['exportPdf'], "我的文件");
},
}