vue通过文件流预览pdf文件，并导出pdf文件

最新推荐文章于 2024-07-26 08:30:00 发布

熊抱抱的一粒

最新推荐文章于 2024-07-26 08:30:00 发布

阅读量1.6k

点赞数 4

文章标签： vue

本文链接：https://blog.csdn.net/qq_52959651/article/details/118300571

版权

本文介绍了如何在Vue项目中使用vue-pdf组件来预览PDF文件，并详细说明了在接口请求时设置axios的responseType为'blob'以正确处理文件流的方法。

摘要由CSDN通过智能技术生成

首先下载vue-pdf

npm install --save vue-pdf

然后直接看代码吧

完整代码如下

<template>
  <div>
  <el-button
            class="grid-button"
            type="success"
            plain
            size="small"
            @click="exportdata"
            >导出</el-button
          >
     <div class="inform">
      <div class="browse">
        <pdf
          ref="pdf"
          v-for="i in numPages"
          :key="i"
          :src="src"
          :page="i"
        ></pdf