vue-pdf使用文件流预览

以下是使用vue-pdf插件预览文件流的示例代码：

<template>
  <div>
    <pdf :src="pdfData" :page="currentPage" :rotation="rotation"></pdf>
  </div>
</template>

<script>
import { pdf } from 'vue-pdf'

export default {
  components: {
    pdf
  },
  data() {
    return {
      pdfData: null,
      currentPage: 1,
      rotation: 0
    }
  },
  mounted() {
    // 假设后台返回的文件流保存在变量response中
    const response = res.data

    // 将文件流解析为Blob对象
    const blob = new Blob([response], { type: 'application/pdf' })

    // 将Blob对象转换为URL
    this.pdfData = URL.createObjectURL(blob)
  },
  beforeDestroy() {
    // 销毁URL对象
    URL.revokeObjectURL(this.pdfData)
  }
}
</script>

在上述代码中，我们首先将后台返回的文件流解析为Blob对象，然后将Blob对象转换为URL。最后，将URL赋值给vue-pdf组件的src属性，即可实现文件流的预览。