vue-to-pdf的简单使用

vue-to-pdf就是将绘制的div导出而已

1.首先，安装 vue-to-pdf：

npm install vue-to-pdf --save

2. 在需要生成 PDF 的 Vue 组件中引入 vue-to-pdf：

import VueToPdf from 'vue-to-pdf'
Vue.use(VueToPdf)

3.html

 <div class="tab" ref="exportPDF">
      <div>危险废物转移联单</div>
      <div>编号:2024451000396</div>
      <el-row :gutter="20">
        <el-col :span="6">
          <div class="grid-content bg-purple">第一部分 危险废物移出信息(由移出人填写)</div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple"></div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple"></div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple"></div>
        </el-col>
      </el-row>
    </div>

4. 导出方法

        this.$PDFSave(this.$refs['exportPDF'], '测试pdf')