vue-pdf-printer

一個輕量化用來將 Vue 元件打印成 PDF 的工具。

✨ 特徵

受到 vue3-print-nb 的啟發, 但:

• 更輕量
• 支援 Typescript
• 無需渲染要打印的元件，直接將元件轉換成 PDF

🚀 使用

.preview()

新開一個視窗，用來預覽打印後的 PDF。

.print()

執行打印。

Example

<script setup lang="ts">
import { h, onMounted, shallowRef } from 'vue'
import { VuePdfPrinter } from 'vue-pdf-printer'

import Com from './components/Com.vue'

const printer = shallowRef<VuePdfPrinter>()

onMounted(() => {
  // 使用 h 來傳遞 props 進入元件，也可以不使用 h 直接傳入元件
  PDF.value = new VuePdfPrinter(
    h(Com, { title: 'some title' }),
    {
      title: 'file title',
    },
  )

  // 打開打印視窗
  printer.value.print()
})
</script>

📄 License

MIT License © 2024-PRESENT CofCat