vue2读取Excel表的内容并转化为对象数组
时间: 2024-05-11 16:20:28 浏览: 161
你可以使用 js-xlsx 库来读取 Excel 表格,并将其转化为对象数组。以下是一个简单的示例:
1. 安装 js-xlsx 库
```bash
npm install xlsx
```
2. 在 Vue 组件中引入 js-xlsx 库
```javascript
import XLSX from 'xlsx'
```
3. 在 Vue 组件中定义一个方法,用于读取 Excel 表格并转化为对象数组
```javascript
methods: {
handleFileUpload(event) {
const file = event.target.files[0]
const reader = new FileReader()
reader.onload = (e) => {
const data = new Uint8Array(e.target.result)
const workbook = XLSX.read(data, { type: 'array' })
const sheetName = workbook.SheetNames[0]
const worksheet = workbook.Sheets[sheetName]
const json = XLSX.utils.sheet_to_json(worksheet)
console.log(json) // 打印对象数组
}
reader.readAsArrayBuffer(file)
}
}
```
4. 在模板中添加一个文件上传的 input 元素,并绑定文件上传事件
```html
<template>
<div>
<input type="file" @change="handleFileUpload">
</div>
</template>
```
阅读全文