pdf 로 내 보 내기

3102 단어 js
지정 한 페이지 나 모듈 을 pdf 로 내 보 냅 니 다.
순서
  • npm install html2canvas jspdf
  • htmlTopdf. js (추출 코드: lip 0) 를 프로젝트 에 복사 합 니 다. 예 를 들 어 src / libs /.
  • 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>
    

    좋은 웹페이지 즐겨찾기