How do I get the total number of pages in a PDF

[hrynko]

How do I get the total number of pages in a PDF

[bogdan12893]

They have an example in the docs 😁 @time202051
Hope this helps!

<template>
    <div class="test-pdf flex flex-col">
        <h1 class="text-lg font-bold mb-3">Test PDF</h1>
        <div v-if="isLoading">Loading pages...</div>
        <div v-else>Total pages {{pageCount}}</div>
        <client-only>
            <div class="pdf-wrapper">
                <VuePdfEmbed class="pdf" ref="pdfRef" source="random.pdf" @rendered="handleDocumentRender"></VuePdfEmbed>
            </div>
        </client-only>
    </div>
</template>

<script>
export default {
  name: 'TestPDF',

  data () {
    return {
      pageCount: 1,
      isLoading: true
    }
  },

  methods: {
    handleDocumentRender () {
      this.isLoading = false
      this.pageCount = this.$refs.pdfRef.pageCount
    }
  }

}
</script>

[hrynko]

@bogdan12893 thanks for your comment!

Another option would be to use the loaded event value (there will be a numPages property inside)