html页面生成pdf

       

​引用html2canvas
 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>

mounted() {
    setTimeout(()=>{
        this.pageChangePdf()
    },800)
}

methods: {
    // 将页面转换为图片打印
        pageChangePdf() {
          // 先用html2canvas将页面整个转为一张截图，再打印，防止出现echarts无法打印
          html2canvas(document.getElementById('index')).then(
            function (canvas) {
              window.print(canvas); // 打印canvas
            }
          );
        },
}






​