首页 > 其他分享 >直播app开发搭建,vue使用js-file-download完成导出功能

直播app开发搭建,vue使用js-file-download完成导出功能

时间:2023-02-10 14:12:12浏览次数:40  
标签:vue app js 直播 file download

直播app开发搭建,vue使用js-file-download完成导出功能

1.安装js-file-download

npm install js-file-download

​2.引入对应的功能模块

import fileDownLoad from 'js-file-download'
import Axios from 'axios'//ajax请求
import store from '@/store'//设置token

3.代码段

exportData(){
        var _this = this
        Axios({
          url:'ajax url'
          method: 'post',
          headers: {
           'Authorization': token
          },
          data:{
            licenseNo:_this.searchForm.licenseNo,
          },
          responseType: 'blob',
          }).then(res => {
             fileDownload(res.data, new Date().getTime()+ '.xlsx');
          })
      }

 以上就是 直播app开发搭建,vue使用js-file-download完成导出功能,更多内容欢迎关注之后的文章

 

标签:vue,app,js,直播,file,download
From: https://www.cnblogs.com/yunbaomengnan/p/17108709.html

相关文章

  • 互联网医院开发搭建|线上问诊APP开发方向
     随着互联网医院的兴起,很多的企业也想开发互联网医院系统,但是又不太了解,其实市场上的有很多做互联网医院开发的的公司,至于如何的选择,就要看您对谁的方案更感兴趣了,接下来......
  • 微信app支付下单返回前端签名的细节
    服务器端向微信下单成功后,再次生成签名返回前端时对应参数应该全部小写,小程序的是大写app支付:varstr="appid="+payOrder.appid+"&noncestr="+randomStr+"&pac......
  • antd-vue 框架的日期选择选年份
    <a-date-picker:placeholder="placeholder"mode="year"format="YYYY":open="showYear"v-model="valueYear"@openChange="changeOpen"@panelChange="panelC......
  • Dockerfile构建镜像
    一、构建Apache镜像cd/opt/#建立工作目录mkdir/opt/apachecdapache/vimDockerfile#基于的基础镜像FROMcentos:7#维护镜像的用户信息MAINTAINERthisisa......
  • application.yml
    server:port:8761spring:application:name:greeting-servicezipkin:base-url:http://localhost:9411#用来指定Zipkin服务端的地址datasource:......
  • 基于Linux的DockerFile添加中文字体
    FROMopenjdk:8u332-oraclelinux7#RUNsed-i's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g'/etc/apk/repositories#RUNapkadd--updatefont-adobe-100dpittf......
  • 创建VUE脚手架项目
    修改VUE脚手架项目服务端口在项目文件夹下,找到package.json文件(此文件是创建项目中选择的配置文件):  在此文件中的scripts属性下,修改serve属性的值,在原有值后追加--po......
  • vue2 数组响应式一
    继上文,监听data后,data中的每个属性都有响应式效果,那么下面这种情况会触发响应式吗?import{observe}from"./reactive";import{Watcher}from"./watcher";const......
  • Vue 开发技巧
    1.路由参数解耦通常在组件中使用路由参数,大多数人会做以下事情。exportdefault{methods:{getParamsId(){returnthis.$route.params.id......
  • 在vue中用multipart/form-data方式上传文件并同表单同步提交数据
    项目是基于若依开发1、dialog页面内容<el-dialog:title="viewDataTitle":visible.sync="viewDataOpen"width="600px"append-to-body><el-formref="viewDat......