vue 分页表格数据导出
生活随笔
收集整理的這篇文章主要介紹了
vue 分页表格数据导出
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
vue分頁表格數據導出功能,超簡單!不用安裝不用引入
寫個方法即可實現
//導出exportExcel() {let url = "/VueDemo/api/record/export.htm"; //這里寫后臺給的接口,注意反向代理也要寫上!VueDemo是我這邊的反向代理url = url + "?year=" + this.params.year; // 參數1url = url + "&search=" + this.params.search; // 參數2 (我這要傳兩個參數,所以就寫兩個)let link = document.createElement("a");link.style.display = "none";link.href = url;link.target = "_blank";link.setAttribute("download", "費用總匯表.xls");document.body.appendChild(link);link.click();document.body.removeChild(link);},?有個缺點:
如果在導出方法里面寫了參數,那就必須傳參數才能導出內容,否則導出的是空白文件。
如果參數不是必須的,建議不傳參數(即在導出方法不寫參數那兩句)
總結
以上是生活随笔為你收集整理的vue 分页表格数据导出的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: nacos之心跳机制
- 下一篇: 进销存管理面临哪些痛点问题?