vue项目中将页面生成图片或者PDF文档

实现效果图image

实现代码

将页面html转换成图片或者PDF文档

npm install html2canvas --save
npm install jspdf --save

在需要导出的页面引入

import html2canvas from ‘html2canvas’;
npm install jspdf --save

在util文件夹下创建htmlToPdf.js文件

import html2Canvas from "html2canvas"
import JsPDF from "jspdf"

export default {
    install(Vue, options) {
        //html页面生成PDF