vue-pdf

vue-pdf demo

HTML

<script src="https://vuejs.org/js/vue.js"></script>
<script src="https://rawgit.com/FranckFreiburger/http-vue-loader/master/src/httpVueLoader.js"></script>
<script src="https://npmcdn.com/pdfjs-dist/build/pdf.js"></script>
<script type="x-template" id="main">
	<div>
		<input type="number" v-model.number="page"> /{{numPages}}
    <pdf src="https://cdn.mozilla.net/pdfjs/tracemonkey.pdf" :page="page" @numPages="numPages = $event" style="width:75%"></pdf>
  </div>
</script>

<div id="app"></div>

JavaScript

/* required for testing with jsfiddle.net [[ */
this['vue-resize-sensor'] = httpVueLoader('https://raw.githubusercontent.com/FranckFreiburger/vue-resize-sensor/master/src/resize-sensor.vue', 'resize-sensor');
this['vue-pdf'] = httpVueLoader('https://raw.githubusercontent.com/FranckFreiburger/vue-pdf/master/src/pdf.vue', 'pdf');
this['pdfjs-dist/webpack.js'] = PDFJS;
PDFJS.workerSrc = 'https://npmcdn.com/pdfjs-dist/build/pdf.worker.js';
/* ]] */

new Vue({
	el: '#app',
  components:{
  	pdf: this['vue-pdf'],
  },
  data: {
  	page: 1,
    numPages: 0,
  },
	template:'#main'
});