vue dhtmlxgantt 导出pdf

可以使用dhtmlxgantt提供的exportToPDF方法来实现vue dhtmlxgantt导出pdf的功能。具体步骤如下：

1. 安装依赖

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

2. 在vue组件中引入依赖

import jsPDF from 'jspdf'
import html2canvas from 'html2canvas'

3. 创建导出pdf的方法

exportPDF() {
  const scale = 2;
  const pdfWidth = this.$refs.gantt.$el.offsetWidth;
  const pdfHeight = this.$refs.gantt.$el.offsetHeight;
  const pdf = new jsPDF('l', 'pt', [pdfWidth * scale, pdfHeight * scale]);
  pdf.html(this.$refs.gantt.$el, {
    callback: function (pdf) {
      pdf.save('gantt.pdf');
    },
    x: 0,
    y: 0,
    html2canvas: {
      scale: scale,
      useCORS: true,
      allowTaint: true,
      logging: true,
      width: pdfWidth,
      height: pdfHeight,
      scrollX: 0,
      scrollY: -window.scrollY,
    },
  });
},

4. 在vue组件中调用导出pdf的方法

<template>
  <div>
    <div ref="gantt"></div>
    <button @click="exportPDF">导出PDF</button>
  </div>
</template>

说明：

- 第1步中安装的依赖包括jspdf和html2canvas，其中jspdf用于生成pdf文件，html2canvas用于将gantt图表转换为canvas。
- 第3步中的scale是pdf的缩放比例，pdfWidth和pdfHeight分别是gantt图表的宽度和高度，pdf是生成的pdf对象。在调用html方法时，需要指定x和y的值为0，表示从左上角开始绘制gantt图表。
- 第4步中的ref属性用于获取gantt图表的DOM元素，在button标签中绑定exportPDF方法。