在Vue的后台管理项目中,我们可能会遇到下面这种需要导出表格的情况
点击导出表格的按钮时,将选中的所有行导出,代码如下所示:
exportTable() {
const link = document.createElement('a')
link.style.display = 'none'
const baseURL = process.env.VUE_APP_BASE_API //请求路径的baseURL
const ids = this.ids //勾选的行的id
const token = window.encodeURIComponent(getToken()) //tokn
const url = `${baseURL}/statistics/cancelOrderExport?Authorization=${token}&ids=${ids}` // 后端导出表格的接口地址
link.href = url
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
},