当前位置: 首页 > 工具软件 > Alasql.js > 使用案例 >

vue通过后台列表数据/alasql实现导出文件:

赏星河
2023-12-01
1.官网
通过插件或js文件来实现
2.案例:
<script>
import alasql from '@/utils/alasql.js'

export default {
	data() {
		return {
			queryParam:{
				pageNum:1,
				pageSize:10,
				pageTotal:0,
				...
			},
		}
	},
	methods:{
		//导出按钮
		handleExport(){
			let param={...this.queryParam}
			param.pageSize=9999999
			getPageData(param).then(res => {
				if (res.data.list.length > 0) {
					let excelData = [];
					res.data.list.forEach((item) => {
						let Obj= {
							"备注": item.remark,
							'最近使用时间': item.latestUploadTime
						}
						excelData.push(Obj)
					})
					alasql('SELECT * INTO XLS("xxx列表.xls",{headers:true}) FROM ?', [excelData]);
				}
			})
		},
	}
}

alasql.js下载

3.使用插件:
npm  install  alasql --save
<script>
import alasql from 'alasql';

export default {
	......
}
<script>
 类似资料: