Vue导出json数据到Excel电子表格的示例

一、安装所需依赖

我们需要安装一些必要的依赖库。在项目的根目录下运行以下命令进行安装：

```bash

npm install file-saver --save

npm install xlsx --save

npm install script-loader --save-dev

```

二、下载必要的js文件

下载Blob.js和Export2Excel.js两个文件。您可以在以下链接获取这两个文件的下载地址：此处需要填写具体的下载链接。下载完成后，将这两个文件保存在您的项目中。

三、配置项目结构

在src目录下新建vendor文件夹，将Blob.js和Export2Excel.js放进去。然后更改webpack的配置文件webpack.base.conf.js，在resolve的alias中添加如下配置：

```javascript

'vendor': path.resolve(__dirname, '../src/vendor')

```

四、编写Vue代码实现导出功能

在您的Vue组件中，按照以下方式编写代码以实现导出功能：

在script部分定义数据和方法：

```javascript

data(){

return{

list:[ //此处定义您的json数据]

}

methods:{

formatJson(filterVal, jsonData) {

return jsonData.map(v => filterVal.map(j => v[j]))

},

export2Excel() {