qpdfviewer-sample

<template>
  <q-page padding>

    <q-pdfviewer
      v-model="show"
      type="pdfjs"
      :src="pdfUrl"
      content-class="absolute"
    />

  </q-page>
</template>

<script>

import { axiosInstance } from 'boot/axios'

export default {
  mounted () {
    axiosInstance.get('/api/file',
      {
        responseType: 'arraybuffer'
      }
    ).then(r => {
      const blob = new Blob([r.data], { type: 'application/pdf' })
      this.pdfUrl = window.URL.createObjectURL(blob)
      this.show = true
    })
  },
  data () {
    return {
      show: false,
      pdfUrl: null
    }
  }
}
</script>