使用vxeTable时的导出和打印功能

最新推荐文章于 2025-04-23 20:05:23 发布

weixin_48280215

最新推荐文章于 2025-04-23 20:05:23 发布

阅读量434

点赞数 16

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_48280215/article/details/147401829

版权

参考

Vxe UI v3 Plugins

安装命令

npm install vxe-pc-ui@3.5.26 vxe-table@3.15.6 @vxe-ui/plugin-export-xlsx@3.2.0 exceljs@4.4.0

在main.js文件中

import 
	VxeUI
 from 'vxe-pc-ui'
import VxeUIPluginExportXLSX from '@vxe-ui/plugin-export-xlsx'
import ExcelJS from 'exceljs'
import 'vxe-pc-ui/lib/style.css'
// Vue.use(VxeUIAll)
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
VxeUI.use(VxeUIPluginExportXLSX, {
   
	ExcelJS
})

Vue.use(VxeUI)
Vue.use(VxeUITable)

VxeUITable.setup({
   
	size: "mini",
})

在使用vxetable的vue文件中

<div>
						<vxe-toolbar perfect style="width: 40.5rem;">
							<template #buttons>
								<vxe-button type="text" @click="exportDataEvent('xTable1')" icon="vxe-icon--download"
									content="导出"></vxe-button>
								<vxe-button @click="