vue-instant-pdf-viewer

Vue PDF Viewer based on PDF Object

1.0.2
latest
npm

Version published: 8 years ago

Weekly downloads: 340; decreased by-49.78%

Maintainers: 1

Weekly downloads

Created: 8 years ago

Source

vue-pdf-viewer

Vue PDF Viewer based on PDF Object

Installation

npm install --save vue-instant-pdf-viewer

Dependencies

Please include pdf.object.js from https://pdfobject.com

<!-- please select either unminimied or minified version -->
<script src="/static/lib/pdfobject.js"></script>
<script src="/static/lib/pdfobject.min.js"></script>

Usage

Javascript

import Vue from 'vue'
import VuePDFViewer from 'vue-pdf-viewer'

new Vue({
  el: '#app',
  data: {
    url: 'https://bitcoin.org/bitcoin.pdf',
  },
  components: {
    'vue-pdf-viewer': VuePDFViewer
  }
});

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>vue-pdf-viewer</title>
    <script src="/static/lib/pdfobject.min.js"></script>
  </head>
  <body>
    <div id="app">
      <vue-pdf-viewer height="500px" :url="url">
      </vue-pdf-viewer>
    </div>
  </body>
</html>

Preview

vue-pdf-viewer

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

FAQs

What is vue-instant-pdf-viewer?

Is vue-instant-pdf-viewer popular?

Is vue-instant-pdf-viewer well maintained?

Package last updated on 25 Feb 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install