importVuePdfAppfrom"vue3-pdf-app";import"vue3-pdf-app/dist/icons/main.css"; 2、配置组件 创建一个PDF展示组件PdfViewer.vue,并将其引入到你想用的页面中,以下是PdfViewer.vue的示例代码: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 <template><pdf:src="pdfSrc"@loaded="onPdfLoaded"@page-...
npm install vue3-pdf-app # 或者 pnpm install vue3-pdf-app 2. 创建PDF预览组件 接下来,创建一个Vue组件来封装vue3-pdf-app的功能。以下是一个示例组件PDFViewer.vue: vue <template> <link rel="resource" type="application/l10n" href="path-to-localization-file" /> <VuePdf...
Vue 3 PDF viewer. Latest version: 1.0.3, last published: 10 months ago. Start using vue3-pdf-app_xx in your project by running `npm i vue3-pdf-app_xx`. There are no other projects in the npm registry using vue3-pdf-app_xx.
<VuePdfApp :page-scale="pageScale":theme="theme":style="`width: ${viewerWidth}; height: ${viewerHeight};`":pdf="src":fileName="fileName"@pages-rendered="pagesRendered"v-bind="$attrs"></VuePdfApp> </template> @themeColor:#1677FF;:deep(*) { box-sizing: content-box;}// 定制化...
在Vue3项目中预览PDF文件，使用vue3pdfapp和使用浏览器内置的PDF插件各有优劣。使用浏览器内置PDF插件预览： 优点：无需额外安装第三方库，浏览器自带功能，通常兼容性好，支持基本的PDF预览操作，如翻页、缩放等。 缺点：自定义功能受限，样式和布局可能无法完全满足项目需求；在某些情况下，如Vscode未开启...
npm i vue3-pdf-app@1.0.3代码子组件封装: PdfView.vue<template> <!-- viewer.properties: 该文件为PDF插件的中文版配置,放置本地或使用服务器网络地址 --> <VuePdfApp :page-scale="pageScale" :theme="theme" :style="`width: ${viewerWidth}; height: ${viewerHeight};`" :pdf="src" :file...
在安装完成后,我们需要在项目中引入并配置vue3-pdf-app。1、引入插件在需要使用vue3-pdf-app的地方引入插件。import VuePdfApp from "vue3-pdf-app"; import "vue3-pdf-app/dist/icons/main.css";2、配置组件创建一个PDF展示组件PdfViewer.vue,并将其引入到你想用的页面中,以下是PdfViewer.vue的示例代码:...
- 首先，安装vue3-pdf-app组件：`npm install vue3-pdf-app`- 在`App.vue`中，使用组件进行预览，示例代码如下：- 可以自定义主题和配置，具体参考官方文档：`vue3-pdf-app - npm (npmjs.com)`3. **国际化显示**：- 下载并配置国际化语言文件`viewer.properties`，按照GitHub上的说明操作：`...
Vue 3 PDF viewer. Latest version: 1.0.3, last published: 2 years ago. Start using vue3-pdf-app in your project by running `npm i vue3-pdf-app`. There are 7 other projects in the npm registry using vue3-pdf-app.
Vue 3 PDF viewer based on Mozilla's PDFJS. Contribute to stellR42/vue3-pdf-app development by creating an account on GitHub.