导出为pdf

将 指定页面或模块 导出为pdf

步骤

1. npm install html2canvas jspdf
2. 拷贝htmlToPdf.js （提取码：lip0）到项目中，如 src/libs/ 。
3. 在main.js 引入文件

import htmlToPdf from '@/libs/htmlToPdf';
Vue.use(htmlToPdf);

在需要导出的地方加入以下代码

<template>
<div id="role">  
  ...
  <co-button type="primary"  @click="exportPdf">导出</co-button>
  ...
</div>
</template>
<script>
  export default {
    ...
    methods: {
      exportPdf() {
        this.getPdf(document.getElementById('role'), '导出文件');
      }
    }
  }
</script>