Render multiple pages/whole document

[hendrikschneider]

Hi,

is it possible to render multiple pages at once?

[andreasvirkus]

Ping, any ETA on this?

[andreasvirkus]

I currently used an ugly workaround, but it feels like a lot of
overhead to render N instances of vue-pdf:

<template>
  <section>
    <spinner v-if="loading">
    <template v-else>
      <!-- Need to load a single page to get page count -->
      <pdf style="display: none;" :src="contract"
        @num-pages="pageCount = new Array($event)" />
      <!-- Actual document -->
      <pdf v-for="(page, index) in pageCount"
        :key="index"
        :src="contract"
        :page="index + 1"
        class="contract-container" />
    </template>
  </section>
</template>

<script>
  import pdf from 'vue-pdf';

  export defualt {
    components: { pdf },
    data() {
      return {
        loading: true,
        pageCount: [],
        contract: { data: '' }
      }
    }
  }
</script>  

[FranckFreiburger]

see https://github.com/FranckFreiburger/vue-pdf#example---display-multiple-pages-of-the-same-pdf-document

[jerrychong25]

If u wanna with scroll whole PDF document with full size pages, using @FranckFreiburger (https://github.com/FranckFreiburger/vue-pdf#example---display-multiple-pages-of-the-same-pdf-document) example, plus just change styling to height with 100%, as per following:

<pdf
     v-for="i in numPages"
     :key="i"
     :src="src"
     :page="i"
     style="height: 100%"
></pdf>

Then it will be working as per expected.