zoukankan      html  css  js  c++  java
  • Vue == 导出excel

    <el-form-item>
        <el-button @click="exportHandle()" type="success">导出</el-button>
    </el-form-item>
    
    <script>
    import axios from 'axios'
    export default { methods:{ exportHandle() { axios({ headers: { 'Content-Type':'application/json', token: Cookies.get('tokensp') }, responseType: 'blob', // 一定要写 method: 'get', url:`${window.SITE_CONFIG['forumURL']}/productequipment/pmequipment/exportBackgroundEquipments`, params: { "json": { token: Cookies.get("token"), customerName:this.dataForm.customerName, businessOfficeId:this.dataForm.officeId, createTimeStart:'', createTimeEnd:'' } } }) .then(res => { let blob = new Blob([res.data], {type: 'application/vnd.ms-excel'}) let date = new Date(); let month = date.getMonth() + 1; let day = date.getDate(); let fileName = '设备管理信息' + date.getFullYear() + (month >= 10 ? month : '0' + month) + (day >= 10 ? day : '0' + day) // 下载的文件名 if ('msSaveOrOpenBlob' in navigator){ // 'IE' window.navigator.msSaveOrOpenBlob(blob, fileName + '.xls') } else { const link = document.createElement('a') link.style.display = 'none' link.href = URL.createObjectURL(blob) link.download = res.headers['content-disposition'] // 下载后文件名 link.download = fileName document.body.appendChild(link) link.click() document.body.removeChild(link) } }) .catch(err => { // console.log(err) }) } } } </script>
  • 相关阅读:
    牛客-小V和gcd树
    CF-Codeforces Round #639 (Div. 2)-D-Monopole Magnets
    牛客-牛牛染颜色
    CF-637
    提高办公效率——快捷键
    FusionComputer虚拟机克隆后出现网卡服务重启失败解决办法
    centos7.5mini中Firewalld端口不通解决办法及想法
    FusionConputer热迁移过程记录
    Java集合框架之Iterable接口
    初识Java集合框架
  • 原文地址:https://www.cnblogs.com/rabbit-lin0903/p/11945721.html
Copyright © 2011-2022 走看看