av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue使用axios實(shí)現(xiàn)excel文件下載的功能

瀏覽:112日期:2022-06-12 08:33:00

前端VUE頁面上的導(dǎo)出或者下載功能,一般是調(diào)用后端的一個接口,由接口生成excel,word這些文件的流信息,返回給vue,然后由vue去構(gòu)建下載的動作,這邊整理了一下,封裝了一下,方便以后復(fù)用。

封裝一個download文件

使用年月日時分秒毫秒做為文件的名稱,下載為excel文件

/** * 下載文件 */export const downloadFile = (url,ext, params) => { let accessToken = getStore(’accessToken’); return axios({ method: ’get’, url: `${base}${url}`, params: params, headers: { ’accessToken’: accessToken }, responseType: ’blob’, //二進(jìn)制流 }).then(res => { // 處理返回的文件流 const content = res; const blob = new Blob([content], { type: ’application/vnd.ms-excel;charset=utf-8’ }); var date = new Date().getFullYear() + '' + (new Date().getMonth() + 1) + '' + new Date().getDate() + '' + new Date().getHours() + '' + new Date().getMinutes() + '' + new Date().getSeconds() + '' + new Date().getMilliseconds(); const fileName = date + '.' + ext; if ('download' in document.createElement('a')) { // 非IE下載 const elink = document.createElement('a'); elink.download = fileName; elink.style.display = 'none'; elink.href = URL.createObjectURL(blob); document.body.appendChild(elink); elink.click(); URL.revokeObjectURL(elink.href); // 釋放URL 對象 document.body.removeChild(elink); } else { // IE10+下載 navigator.msSaveBlob(blob, fileName); } });};

為具體功能封裝一個組件,方便在前臺調(diào)用

// 評價導(dǎo)出export const getRecordExport= (params) => { return downloadFile(’/record/export’,'xlsx', params)}

vue頁面上調(diào)用它,實(shí)現(xiàn)導(dǎo)出

<script>import { getReportExport} from '@/api/index';import util from '@/libs/util.js';export default { name: 'task-manage', data() {}, methods: { exportExcel() { getReportExport(this.searchForm).then(res=>{}); } }}

截圖

vue使用axios實(shí)現(xiàn)excel文件下載的功能

到此這篇關(guān)于vue使用axios實(shí)現(xiàn)excel文件下載的功能的文章就介紹到這了,更多相關(guān)vue實(shí)現(xiàn)excel文件下載內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標(biāo)簽: excel
相關(guān)文章:
主站蜘蛛池模板: 亚洲精品日日夜夜 | 黄色免费三级 | 密乳av | 成人无遮挡毛片免费看 | av黄色免费 | 精品不卡| 国产精品久久久久久久久久久久久久 | 日韩视频在线观看一区二区 | 成人国产精品免费观看 | 精品国产乱码久久久久久中文 | 欧美一区二区三区在线看 | 亚洲第一视频 | 国产网站久久 | 成人在线网址 | 日韩精品成人一区二区三区视频 | 一级片在线免费看 | 中文字幕免费在线 | 97av| 男人的天堂中文字幕 | 国产精品久久久久久久免费观看 | 伊人色综合久久天天五月婷 | 欧美久久视频 | 99reav| 久久国产一区 | 91久久国产精品 | 在线国产视频 | 久久久久久91 | 国产黄色在线 | 免费看a| 精品国产一区二区三区性色 | 日韩欧美在线精品 | 欧美日韩精选 | 一级日韩 | 久久黄色 | 99精品99| 欧美视频免费在线观看 | 欧美一级免费黄色片 | 日本一区二区高清不卡 | 九七午夜剧场福利写真 | 91精品国产乱码久久久久久 | 中文字幕日韩一区 |