vue - Excel表格导入、导出组件

1、先安装了2个依赖:

npm install -S file-saver xlsx
npm install -D script-loader

2、在src目录下新建一个excel文件夹引入Blob.js和expor2Excal.js

Blob.js和expor2Excal.js //可网上下载

3、在main.js中全局引入:

import Blob from './excel/Blob.js'
import Export2Excel from './excel/Export2Excel.js'

4、父组件引用子组件,通过点击将配置参数传给子组件 并 调用子组件内的导入、导出方法,
导入时通过$emit将处理过的json返给父组件,将json传给后端即可

//父组件





//子组件



你可能感兴趣的:(vue - Excel表格导入、导出组件)