Vue3PDF预览(vue3-pdf-app)

vue3-pdf-app 插件

可自定义设置以下属性:

  • pdf地址(src),类型:string,必传,默认 ''

  • 预览容器宽度(width),类型:number | string,默认 '100%'

  • 预览容器高度(height),类型:number | string,默认 '100vh'

  • 预览主题(theme),类型:string,默认 'dark',可选 dark | light

  • 覆盖pdf文件名(fileName),类型:string,默认 ''

插件 dark 和 light 主题均支持自定义覆盖各个部分颜色变量,从而定制主题!

效果如下图:

theme: dark

Vue3PDF预览(vue3-pdf-app)_第1张图片

theme: light

Vue3PDF预览(vue3-pdf-app)_第2张图片

①安装插件:yarn add vue3-pdf-app

②创建PDF预览组件PDFViewer.vue:




③在要使用的页面引入:




你可能感兴趣的:(vue3,pdf,vue)