vue如何引入Export2Excel
时间: 2023-12-14 12:34:52 浏览: 73
在Vue中引入Export2Excel需要先引入Blob.js和Export2Excel.js两个JS文件,然后在需要使用的组件中使用import语句引入Export2Excel即可。具体步骤如下:
1.在src目录下新建Excel文件夹,将Blob.js和Export2Excel.js两个JS文件放入Excel文件夹中。
2.在需要使用Export2Excel的组件中使用import语句引入Export2Excel和Blob,示例代码如下:
```javascript
import Export2Excel from '@/Excel/Export2Excel.js'
import Blob from '@/Excel/Blob.js'
```
3.在需要使用Export2Excel的方法中,使用Export2Excel.generateExcel方法生成Excel文件,示例代码如下:
```javascript
exportExcel() {
const tHeader = ['姓名', '年龄', '性别', '国籍']
const filterVal = ['name', 'age', 'sex', 'country']
const list = [
{
name: '张三',
age: 18,
sex: '男',
country: '中国'
},
{
name: '李四',
age: 20,
sex: '女',
country: '美国'
}
]
const data = this.formatJson(filterVal, list)
Export2Excel.generateExcel({
title: '学生信息表',
tHeader: tHeader,
filterVal: filterVal,
list: data
})
},
formatJson(filterVal, jsonData) {
return jsonData.map(v => filterVal.map(j => v[j]))
}
```
阅读全文