签入版本
This commit is contained in:
@@ -1,19 +1,19 @@
|
||||
# 9.11 Excel 导入导出组件
|
||||
|
||||
:::tip 概述
|
||||
本节介绍前端项目中的 Excel 导入导出组件,包括导入组件(ImportExcel)和导出功能(Export2Excel)的使用方法。
|
||||
本节介绍前端项目中的 Excel 导入导出组件,包括导入组件(ImpExcel)和导出功能(jsonToSheetXlsx)的使用方法。
|
||||
:::
|
||||
|
||||
## 导入组件
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<el-button @click="handleImport">导入</el-button>
|
||||
<ImportExcel @success="onImportSuccess" />
|
||||
<a-button @click="handleImport">导入</a-button>
|
||||
<ImpExcel @success="onImportSuccess" />
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import ImportExcel from '@/components/Excel/src/ImportExcel.vue';
|
||||
import { ImpExcel } from '@/components/Excel';
|
||||
|
||||
const onImportSuccess = (data) => {
|
||||
// data 为解析后的数组,每项是对象
|
||||
@@ -25,7 +25,7 @@ const onImportSuccess = (data) => {
|
||||
## 导出功能
|
||||
|
||||
```typescript
|
||||
import { jsonToSheetXlsx } from '@/components/Excel/src/Export2Excel';
|
||||
import { jsonToSheetXlsx } from '@/components/Excel';
|
||||
|
||||
const handleExport = () => {
|
||||
jsonToSheetXlsx({
|
||||
|
||||
Reference in New Issue
Block a user