index.vue

<template>
  <div style="padding:30px;">
    <Pdf v-for="i in numPages" :key="i" :src="src" :page="i" />
  </div>
</template>

<script>
import Pdf from 'vue-pdf'

export default {
  components: {
    Pdf
  },
  data() {
    return {
      fileUrl: `${window.location.origin}/test1.pdf`,
      numPages: undefined,
      src: '',
      dialogVisible2: false
    }
  },
  mounted() {
    this.src = Pdf.createLoadingTask(this.fileUrl)
    this.src.promise.then(pdf => {
      this.numPages = pdf.numPages
    })
  },
  methods: {
  }
}
</script>