技術標籤：vue.js

1、匯出按鈕

//匯出按鈕
<el-button type="primary"
	:loading="downLoad"
	size="small"
	@click="expertExcel" //匯出事件
	icon="el-icon-download">匯出</el-button>

2、通過設定a標籤觸發excel下載

// 匯出excel
    expertExcel () {
      this.downLoad = true
      //調介面
 

      getEnterprisesExport(this.searchData).then(res => {
      //成功回撥
        <!----核心程式碼start----!>
        // 獲取檔名
        let fileName = 'xxx.xlsx'
        // 檔案地址
        let objectUrl = URL.createObjectURL(new Blob([res]))
        //建立a標籤，通過設定a標籤觸發下載
        const link = document.createElement
 
('a')
        link.download = fileName
        link.href = objectUrl
        link.click()
        <!----核心程式碼end----!>
        this.downLoad = false
      })
    },

3、記得設定responseType為blob

測試：