vue开发日记｜实现文件流pdf下载功能

最新推荐文章于 2024-08-02 17:54:22 发布

业余的达莲娜

最新推荐文章于 2024-08-02 17:54:22 发布

阅读量1k

点赞数 3

分类专栏： VUE开发文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_43292438/article/details/121387158

版权

序言

主要通过axios实现文件流pdf的下载功能，同时可解决跨域问题。

1、htmel代码

<templata>
  <div v-for="item in detail" :key="item.id" >
    <el-button
      type="primary"
      size="small"
      @click="downRec(item.id)" //点击传id和文件类型，这个可以根据需求穿参
      style="cursor:pointer"
      >下载</el-button>
  </div>
</templata>

2、模版里引入axios

import axios from "axios"

3、相关js

<script>
export default {
  data () {
    return {
      detail:[]
    };
  },
  
  method：{
    //下载
    downRec(val){
       let getId = {
         id : val
       };
       let urlExport = "补充自己的url"；
       let exportName = "zjw_pdf_";  //自定义下载后本地的文件名
       const loa