vue中使用xlsx
时间: 2023-08-24 15:03:47 浏览: 116
在Vue中使用xlsx库可以帮助我们读取和写入Excel文件,以下是一些使用xlsx的示例代码:
1. 安装xlsx:
```
npm install xlsx --save
```
2. 读取Excel文件:
```javascript
import XLSX from 'xlsx'
// 读取Excel文件
readExcel(file) {
let reader = new FileReader()
reader.onload = (e) => {
let data = e.target.result
let workbook = XLSX.read(data, {type: 'binary'})
let sheetName = workbook.SheetNames[0]
let worksheet = workbook.Sheets[sheetName]
let result = XLSX.utils.sheet_to_json(worksheet)
console.log(result)
}
reader.readAsBinaryString(file)
}
```
3. 写入Excel文件:
```javascript
import XLSX from 'xlsx'
// 写入Excel文件
writeExcel() {
let wsData = [
['姓名', '年龄', '性别'],
['张三', 20, '男'],
['李四', 22, '女'],
['王五', 24, '男']
]
let ws = XLSX.utils.aoa_to_sheet(wsData)
let wb = XLSX.utils.book_new()
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1')
XLSX.writeFile(wb, 'test.xlsx')
}
```
以上是使用xlsx库在Vue中读取和写入Excel文件的示例代码,你可以根据自己的需求进行修改。
阅读全文