首页 > 其他分享 >vue3文件导入导出

vue3文件导入导出

时间:2023-10-18 17:57:21浏览次数:43  
标签:res formData 导出 导入 file vue3 ElMessage

导入:

// 导入
const importExcel = async (file: any) => {
    let formData = new FormData(); //声明一个FormDate对象
    formData.append("file", file.raw);    //把文件信息放入对象中
    //调用后台导入的接口
    importExcelAccount(formData).then(res => {
        if (res && res.code === 0) {
            ElMessage.success('导入成功!')
            getList()
        }else {
            ElMessage.error('导入失败!请稍后重试')
        }
    })
}

导出:

// 导出
const exportExcel = () => {
    axios({
        method: 'get',
        url: 'api/company-server/office/finance/account/export', // 请求地址
        responseType: 'blob', // 表明返回服务器返回的数据类型
        headers: {
            "Content-Type": "application/json, text/plain, */*",
            Authorization: localStorage.getItem('token') as string,
        }
    }).then( (res: any) => {
        if (res.code) {
            ElMessage.warning(res.message);
            return
        }
        console.log(res)
        exportData('账户信息.xlsx', res.data)
    })
}

 

标签:res,formData,导出,导入,file,vue3,ElMessage
From: https://www.cnblogs.com/alannero/p/17772977.html

相关文章

  • vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了
    vue2.x<el-table-columnlabel="测试"align="center"prop="ce"><templateslot-scope="scope"><span>{{scope.row.ce}}</span></template>vue3.x<el-table-columnprop=&q......
  • vue3.x增加数据功能
    具体代码<template><el-form:model="form":rules="rules"ref="ruleFormSSS"label-width="120px"><el-form-itemlabel="用户姓名"prop="name"><el-inputv-model="form.......
  • 需求:vue3+swiper+ts实现轮播图(中间主体轮播,左右各显示部分)
    一、下载安装swiper安装:pnpminstallswiper使用你熟悉的方式来安装(yarnnpmcnpm)二、在项目中引入swiper1.main.js文件点击查看代码import'swiper/swiper-bundle.css';import"swiper/css"2.页面代码实现点击查看代码<scriptsetup>import{ref,reactive}fr......
  • Vite+Vue3 加载速度优化
    可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。静态资源拆分打包在常规打包方法下,所有的第三方依赖将会都打包在一个vendor.js文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可......
  • Vue 实现 PDF 导出功能
    旨在通过html2canvas和jspdf,先将页面的html转成canvas,再将canvas转成pdf,同时解决了分页截断的问题。安装依赖yarnaddhtml2canvasyarnaddjspdf思路通过网上的一些教程,初步实现了html转pdf的功能,将一整个DOM元素放进去,虽然可以粗糙实现,但是出现了很多地方......
  • DataGridView导出EXCEL
    publicclassexecl{///<summary>///导出EXECLDataGridViewX///</summary>///<paramname="dataGridView">DataGridViewX</param>///<paramname="IsVisible">是否导出隐......
  • 小景的Dba之路--Oracle用exp导出dmp文件很慢
    小景最近在系统压测相关的工作,其中涉及了Oracle数据库相关的知识,之前考的OCP证书也在此地起了作用。今天的问题是:Oracle用exp导出dmp文件很慢,究竟是什么原因,具体的解决方案都有哪些呢? 下面我逐一来说下,首先列举了一些常见的原因:1.数据量大:如果你要导出的数据库包含大量数据,导......
  • 五、资源导出问题
    SubstancePainter当substance的贴图导出时,线性的颜色值经过伽马变换,颜色被提亮了,所以需要在Unity中勾选sRGB选项,让它在采样时能还原回线性值。PhotoShop如果使用线性空间,一般来说Photoshop可以什么都不改,导出的贴图只要勾上sRGB就可以了。如果调整PhotoShop的伽马值为1,导出的贴图......
  • 用jstack导出线程信息,用jmap导出线程信息和堆数据信息
    jmap导出的*.hprof文件需要用jvisualvm.exe工具来查看(当然也有第三方的其他工具),jdk8之后的是不会自带了需要手动安装;jmap导出的文件里是包含了线程信息,但是没有jstack导出的多,比如jstack里还有具体等待哪个锁的信息,这个锁的对象类型,还能看到是哪个线程获得了这个锁locked;jmap使......
  • Vue3 element-plus el-cascader后缀图标更改(svg)
    概述今天用element-plus写通用表单的时候,发现了它的el-cascader组件竟然不支持改后缀图标,主要它的普通下拉el-select组件都能随便改suffix-icon,级联的下拉就不支持了,令人疑惑。    然后,找了好多办法,包括直接取原生的Component改它的arrowDown属性,发现也不支持了。没......