背景
因为el-table实现了分页查询,所以想要实现el-table需要重新编写一个查询全部数据的方法文章来源:https://www.toymoban.com/news/detail-697865.html
查询全部数据
listQuery:文章来源地址https://www.toymoban.com/news/detail-697865.html
export default{
return{
listQuery:{
//page:1,
//limit:20,
//如果想兼容按条件导出,可以定义查询条件
age:undefined,
sex:undefined
},
}
}
getAllList(){
return findAll(this.listQuery).then(response=>{
return response.data['items']
}).catch(error=>{console.log(error)})
}
导出
async handleDownload(){
this.downloadLoading=true
import('@/vendr/Export2Excel').then(excel=>{
const tHeader=[]
const filterVal=[]
this.getAllList().then(resp=>{
const data=this.formatJson(filterVal,resp)
excel.export_json_to_excel({
header: tHeader,
data,
filename: '测试数据'+parseTime(new Date(),'{y}{m}{d}{h}{i}{s}')
})
})
}).catch(error=>{console.log(error)})
this.downloadLoading=false
},
formatJson(filterVal,all_list){
//给表头添加序号
all_list.forEach((item,index)=>{
item.index=index+1
})
return all_list.map(v=>filterVal.map(j=>{
if (j==='update_time'){
return parseTime(v[j])
}else{
return v[j]
}
}))
}
到了这里,关于【Vue-Element-Admin】导出el-table全部数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!